WebU
Software apps often focus on one purpose for one audience.
But what if they could be for everyone? From school-kid to university professor?
For teaching, training, research, publication, and outreach?
If we communicate the same, we'll understand each other!
Can software do this? I believe so and am researching how.
Hi, I'm Jimi, and I'm currently adding information to this page about software, education, programming, and research.
If you're interested, the old wiki is now here: My old PMwiki
TBD:
- Killer 50 - Software apps often focus on one purpose for one audience. But what if they could be for everyone? From school-kid to university professor? For teaching, training, research, publication, and outreach? If we communicate the same, we'll understand each other! Can software do this? I believe so and am researching how.
- Document structure - I guess this'll be a bunch of divs that have their own content
- Script -
- should create links in text where necessary (between boxes)
- should allow a box to be expanded and sorted to the top when clicked
- Other boxes should probably be sorted by relevance to the current box.
- CSS - should style the divs so they are wee boxes that float around
The background of this page could be more exiciting... and the colours could be better...
body {
background-image:url(http://good-wallpapers.com/wallpapers/14509/Black%20Background%20With%20Ornaments%20And%20Flourishes.jpg);
background-image:url(http://files.myopera.com/HeinrichP/albums/3835902/Opera-Background-Speaker.jpg);
background-image:url(http://www.wallpapersshop.net/wp-content/uploads/2012/11/Texture-Background-Bright-Card-Network.jpg);
background-attachment: fixed;
background-position: center;
color: navy;
font-family: Arial;
}
Links and "BB Code"
Links should be scanned for byt the script at start-up... i.e. the content of
each div should be searched for BB-code style links.. e.g. [this name] or
[that name]. The name will correspond to a div ID. [this name] will be
replaced by a link to the box with that ID.
In addition, links to images, etc could be short cutted, but I don't
suppose that's really necessary!
Update... links will be like this: <a href="#box-id">My Link Text</a>.
For example: this link links to the relevant box.
Another update: now a hash in the url will open the named box on load.
How links work
When a "link" is clicked, it will call a script function. This will set all
the classes of boxes to the regular box class, and will then set the class
for the box with the given id to the expanded class. In addition, that box
will be removed from the body and re-inserted before all of the other divs.
An alternative would be to give the div top:0px; and try to get the others
to move accordingly... not sure if that would work.
Sorting
And extension of sorting the current box to the start of the document
is to sort all of the boxes by relevance to the current box, or something
else. Maybe each box can have some keywords and those with the most
overlap in keywords come first, etc. This would also facilitate a simple
search box, which I don't really plan on having.
CSS
There are basically two styles needed... div.box and div.expanded.
The first will allow a flow of boxes, and the second will allow the expansion
of a box to page-width. Pretty simple! These classes will be used to view
different boxes.
