edsmilovici / edsmilovici.github.io Goto Github PK

maybe instead of a placeholder element padding could be used

• Needs height to be set dynamically

Currently the website only looks good on devices with a tall aspect ratios and wide ones once issue #6 is closed, add support for everything in-between wide and tall

Users should be able to navigate to custom urls that link directly to a card

Get the pictures for the buttons so that they aren't blank placeholders anymore

Currently the website only looks good on devices with a tall aspect ratios, add support for wide aspect ratios

Subtasks that make this task up:

• transform html into some form of template
• create a configuration file that includes social media information (name, handle, image)
• write a script to interpret the template and the configuration and create the website

I realize this is a large-ish task but everything in closely linked and kind of greenfield-ish so hard to split up

With the work done in #5 the states that are pushed by the aforementioned changes without reloading are also not reloaded when the web browser goes back.

This bug occurred both on OSx and iOS.

The script used to create the website should also customize less variables and then compile the less.
Subtasks:

• Add less variables to configuration file
• Add support to script for less variables (modify them to the values in the configuration file)
• Add compilation of less at the end to output a full website at the end of the script run

Add info required for the new social media platforms and hide them all for now

The issue being that the scroll bars aren't hidden in Mozilla causing the selector arrows to not fit in one line.

Pretty self explanatory 👍

• currently way too many !important this should not be the case in a project with a single stylesheet 👎
• broke my heart when matty exclaimed "oh my so many importants" when looking over my work feelsbadman

• add required js and write it in such a manner that the functions can be reused in attributes issue #5

• might be worth investigating the viability of using:
  height: calc((100vw - 100vh)/2);
  width: calc((100vw - 100vh)/2);

After a lot of time struggling with the scrollable element try something new!

• instead of dynamically sizing the selector try using css and a place holder the size of the card
• add following to card css to make it float on top:
  position:fixed;
  top:0;

When a cardSelector is taped it should switch which card is viewable

• add html and styling