Bumuckl.com - development & design since 2005Bumuckl is my name. And I am a tech addict. And a passionate geek. And an enthusiastic coder. Now and again a hacker. Sometimes a designer. I am devoted to Lua. I love Apple and Mac OS. I used to be active in the PSP Hacking Scene. Now I waste my time with webdevelopment. And maybe more. Actually I dabble into everything. But just call me coder.
Photon Gallery is a gallery and photomanagement plugin for Croogo CMS, originally based on Edinei L. Cipriani's gallery plugin. However it offers much more features and capabilities - it is heavily extended. Photon's administration is AJAX-powered and integrates flawlessly into your existing Croogo install. A new Tab is added to your nodes which allows you to upload pictures via Ajax - those pictures are directly related to that specific node. Doing so, Photon features four different preconfigured ways of displaying your photos: either in an Image Replacement gallery, in a Slider gallery, in JQuery Popeye gallery or just as single images. A seperate set of administration-views allows you to have full control over all your gallery stuff.
Once again, to point out the most special feature, the so called "NodeAlbum"-feature: For each node a specific album is automatically created. Thus, you can upload photos directly when creating nodes!
Installation
Install this plugin via the extension management of Croogo or upload the folder "photon" to /app/plugins
Activate the plugin: the tables will be created and initial settings be saved
Add new albums & upload photos
Enjoy (hopefully) :)
You can access the gallery via yoururl.tld/gallery. If you want to display photos or galleries inside your nodes, just put code like this at the desired location in your node:
[Gallery:slug]
[Popeye:slug]
[Slider:slug]
[Image:id]
When running your Croogo with markdown, please make sure you first activate markdown, and photon afterwards. Otherwise your galleries wont be rendered.
Thanks to...
Big thanks to "mherb" (https://github.com/mherb) for fixing tons of bugs and adding nice features such as single picture management!
TheBigTrunk is a "plug and play" filebrowser based on my MVC-Structure of the kirby PHP Toolkit. It is easily customizable and provides support for custom themes. Just upload the whole webapplication to your server, adapt the configuration-file according to your needs and there you go.
Features
Works out of the box ("Plug and Play")
Fully and easily customizable
Custom and multiple theme-support
built-in JSON-API for AJAX-Requests and Cross-Site-Requests
totally lightweight: Just a filebrowser, nothing more
How does it work?
Somewhere on your server you should set up a folder that later contains all of your files and directories you want to be rendered by TheBigTrunk. By default, any contents of the folder "repos" will be rendered by the filebrowser. You can change that to any directory you want by customizing the "config.php"-file located inside the folder "includes".
Using the API
Using the API is pretty much straightforward as well: In order to request JSON-Data, just add the extension .json to the requested URL; and you will receive all data in a huge JSON-Array.
Demo
Default version Live Demo: http://files.bumuckl.com
API Demo: On the bottom-right of this website, just click on "Switch to files" - anything you can see there is powered by AJAX
Codebase is a code/math repository and a fast collaboration tool for script sharing, math sharing and developing purposes. It is released under the GPL License which means that you are allowed to make any changes and you may use it for yourself, but in case you want to publish your modification, you need to release it again under the GPL License. You can download Codebase below.
What exactly is "Codebase"?
"Codebase" is a fast collaboration tool for scripts and codes. It is written in PHP and uses a MySQL database. At the beginning it was meant to be an easier-to-use and easier-to-install alternative to the famous pastebin, but its emphasis changed a little bit. "Codebase" offers more of an integration to social networks, auto-generates a Google-sitemap for SEO and also includes math tools.
**Where can I try it? Is there a demo? **
A while ago I was hosting Codebase at http://www.parabela.org. Due to spamming I decided to stop providing that service.
How does it work in general?
You enter your code or mathematical expression in the textarea, fill out some further information and press the "+ Add this ..." button. Your submission will now be encrypted and stored in the database. You will be given a special URL that you have to use in order to view your submission again (you can share it, too).
In order to install Parabella Codebase or any older versions on your webspace, just load everything up. Then make sure to create a new MySQL database, if you haven't done so yet. At last, you have to edit the configuration file. There you specify the name of your Codebase, the MySQL database/user/password and some other values.
You can edit the theme and the FAQ, but also the "core" of your Codebase version if you've got some further knowlege in PHP-programming.
MrNicePage Tooltips Plugin is a Joomla 1.5 native tooltip plugin with enormous flexibility. Here you will find some examples on how to use MNP Tooltips Plugin and a short documentation.
You can simply use the plugin by placing {mnptooltip="Tooltip Text"} around the text of your choice {/mnptooltip}. This way, the default CSS-stylesheets that you can easily change in the Joomla Backend will be used.
Using the plugin is not restricted to plain text, you can also create tooltips for HTML code. Furthermore you can give each tooltip an individual style by overriding the standard CSS-stylesheets. Just extend the tooltip-tag the following way:
{mnptooltip="Tooltip Text 2",[TITLE,'mytitle',BGCOLOR,'#ffffff']}Text of your choice{/mnptooltip}
Below there is a list of all available commands you can use to override the standard CSS-stylesheets:
ABOVE,false // false or true - tooltip above mousepointer
BGCOLOR,'#E2E7FF' // Background colour (HTML colour value, in quotes)
BGIMG,'picture.png' // Path to background image, none if empty string ''
BORDERCOLOR,'#003099'// Color of the tooltip-border
BORDERSTYLE,'solid' // Any permitted CSS value, but I recommend 'solid', 'dotted' or 'dashed'
BORDERWIDTH,1 // Width of the tooltip-border
CENTERMOUSE,false // false or true - center the tip horizontally below (or above) the mousepointer
CLICKCLOSE,false // false or true - close tooltip if the user clicks somewhere
CLICKSTICKY,false // false or true - make tooltip sticky if user left-clicks on the hovered element while the tooltip is active
CLOSEBTN,false // false or true - closebutton in titlebar
CLOSEBTNCOLORS,['#990000', '#FFFFFF', '#DD3333', '#FFFFFF'] // [Background, text, hovered background, hovered text] - use empty strings '' to inherit title colours
CLOSEBTNTEXT,' X ' // Close button text (may also be an image tag)
COPYCONTENT,true // When converting a HTML element to a tooltip, copy only the element's content, rather than converting the element by its own
DELAY,400 // Time span in ms until tooltip shows up
DURATION,0 // Time span in ms after which the tooltip disappears; 0 for infinite duration, < 0 for delay in ms after the onmouseout until the tooltip disappears
EXCLUSIVE,false // false or true - no other tooltip can appear until the current one has actively been closed
FADEIN,100 // Fade-in duration in ms, e.g. 400; 0 for no animation
FADEOUT,100 // Fade-out duration in ms, e.g. 400; 0 for no animation
FADEINTERVAL,30 // Duration of each fade step in ms (recommended: 30) - shorter is smoother but causes more CPU-load
FIX,null // Fixated position, two modes. Mode 1: x- an y-coordinates in brackets, e.g. [210, 480]. Mode 2: Show tooltip at a position related to an HTML element: [ID of HTML element, x-offset, y-offset from HTML element], e.g. ['SomeID', 10, 30]. Value null (default) for no fixated positioning.
FOLLOWMOUSE,true // false or true - tooltip follows the mouse
FONTCOLOR,'#000044' // Color of the font
FONTFACE,'Verdana,Geneva,sans-serif'
FONTSIZE,'8pt' // E.g. '9pt' or '12px' - unit is mandatory
FONTWEIGHT,'normal' // 'normal' or 'bold';
HEIGHT,0 // Tooltip height; 0 for automatic adaption to tooltip content, < 0 (e.g. -100) for a maximum for automatic adaption
JUMPHORZ,false // false or true - jump horizontally to other side of mouse if tooltip would extend past clientarea boundary
JUMPVERT,true // false or true - jump vertically "
LEFT,false // false or true - tooltip on the left of the mouse
OFFSETX,14 // Horizontal offset of left-top corner from mousepointer
OFFSETY,8 // Vertical offset
OPACITY,100 // Integer between 0 and 100 - opacity of tooltip in percent
PADDING,3 // Spacing between border and content
SHADOW,false // false or true
SHADOWCOLOR,'#C0C0C0'// Color of the shadow
SHADOWWIDTH,5 // Width of the shadow
STICKY,false // false or true - fixate tip, ie. don't follow the mouse and don't hide on mouseout
TEXTALIGN,'left' // 'left', 'right' or 'justify'
TITLE,'' // Default title text applied to all tips (no default title: empty string '')
TITLEALIGN,'left' // 'left' or 'right' - text alignment inside the title bar
TITLEBGCOLOR,'' // If empty string '', BorderColor will be used
TITLEFONTCOLOR,'#FFFFFF' // Color of title text - if '', BgColor (of tooltip body) will be used
TITLEFONTFACE,'' // If '' use FontFace (boldified)