Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Move header to the left side of the screen for landscape users #21

Open
gisellegk opened this issue Jan 4, 2017 · 1 comment
Open

Move header to the left side of the screen for landscape users #21

gisellegk opened this issue Jan 4, 2017 · 1 comment
Assignees
@TJScalzo
Labels
enhancement help wanted

Comments

@gisellegk
Copy link
Member

so something like this blog http://thinker3197.github.io/ink/

where the "header" stuff is on the left side of the screen.

It doesn't really matter if it's on the left or right tbh but the advantage to this is hopefully we'll be able to see the entire board on the screen in addition to the controls.

Of course this is irrelevant in portrait view for mobile users.
TJScalzo added a commit that referenced this issue Dec 1, 2019
@TJScalzo
Started work on adding horizontal layout
0986a6f 
#21
@TJScalzo TJScalzo self-assigned this Dec 1, 2019
@TJScalzo
Copy link
Member

TJScalzo commented Dec 1, 2019

In working on this I've realized we made an odd choice in styling nearly the entire board with vw as the unit rather than something static. This isn't technically a problem. I've just noticed that the padding between the tiles of the board gets kinda small at smaller widths. I'm not sure if it's worth completely redoing the styles in pixels unless there's a bigger issue on smaller screens the I'm missing. Either way, this is just for fun so it's not like it's a huge deal or anything.

TJScalzo added a commit that referenced this issue Apr 29, 2020
@TJScalzo
Majorly refactored CSS & file structure to make archiving simpler
0f16565 
- Updated head declarations to use relative file paths more effectively.
- Created specific assets folders so each index.html has a matching assets folder within its directory. 
- Structure of archived pages is now consistent with the root index.html and its assets folder.
- Created master.css to hold styles that are constant for all versions.
- Removed duplicate styles from each year's individual style.css.
- This will hopefully will make implementing overall new/different layouts easier. (#21)
- Special favicon are now read directly from the main website's repo.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@TJScalzo TJScalzo

Labels
enhancement help wanted
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@gisellegk @TJScalzo