Xplkqlkcassia4

Fun fact: direct links to iframes need to be updated every time you edit or else they link to the old ones!

The desktop

https://static.thenounproject.com/png/778835-200.png

TOOLBAR AT BOTTOM

  • start
  • icons
  • Foundation-specific toolbar addons
  • time and date

DECRYPT STATUS BAR

  • % of data made reaccessible
  • permanent notification in bottom right. in the toolbar-thing? both
  • would it be possible for JS to look at a list of links, see whether they're purple/been clicked, and update based on that?
  • tracker script, cookies
  • icondescription limited to within 5px around icon
  • align bottom so multiline descriptions don't get pushed up (centred)
  • words go onto new line
  • overflow words marked as …

JS or : properties

  • on-hover it shows a beige-yellow small text box with its full name
  • on-click, icondescription gets blue highlight and ants dotted border, and the icon itself gets blue
  • could use css blue filter but incompatible with opera mini and ie. learn how to detect browser and alter stylesheet in response
  • 2nd image tinted blue, on-click becomes visible.

broader considerations

  • change from "px" since this will fuck up on bigger or smaller screens. perform testing.
  • unlikely to look good on mobile except possibly in landscape mode
  • I know how JS "works", but I don't know the specific formatting requirements so editing is made more difficult.

opportunities for learning

  • multiple windows openable at once
  • windows can be dragged
  • toolbar icon shows what windows are open
  • click on toolbar icon to open or close window
  • unnecessary but cool: rearranging icons but fixed to the grid, by name, type, size and date - https://stackoverflow.com/questions/7742305/changing-the-order-of-elements array creation
  • rearranging elements is a good skill to learn

later on:

  • scrollable div-boxes containing various page elements
  • scp-6000 itself: tree index like on 98.css demo page
  • icons usually present on windows 98
  • fun icons: 'vaccinations' for memetic kill agents, etc.

The software

Info

Health v1

Health v2