diff options
| author | Jules Laplace <jules@okfoc.us> | 2016-12-31 07:04:14 +0100 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2016-12-31 07:04:14 +0100 |
| commit | e426870b46d049861c880dfa108277da9cbb7fc5 (patch) | |
| tree | 4b3bc1e34a77b0baf20f7a741fbf0d51a11d638c | |
| parent | d2556655a3429b10a0897757e3880c42028cece8 (diff) | |
css etc
| -rw-r--r-- | studio-susie/public/assets/css/css.css | 21 | ||||
| -rw-r--r-- | studio-susie/templates/index.liquid | 67 |
2 files changed, 79 insertions, 9 deletions
diff --git a/studio-susie/public/assets/css/css.css b/studio-susie/public/assets/css/css.css index 4af1a9a..353f3cd 100644 --- a/studio-susie/public/assets/css/css.css +++ b/studio-susie/public/assets/css/css.css @@ -35,7 +35,7 @@ h1, h2 { background-repeat: no-repeat; background-position: center center; } -.mobile .section.contain { +.mobile .section { background-size: contain; } @@ -44,7 +44,7 @@ h1, h2 { top: 10px; left: 10px; z-index: 2; - background: rgba(255,255,255,0.8); + background: rgba(255,255,255,0.9); padding: 20px; } #nav b { @@ -168,12 +168,12 @@ h1, h2 { -webkit-overflow-scrolling: touch; overflow-y: scroll; width: 100vw; - height: 100vw; + height: 100vh; text-align: center; opacity: 0; transition: opacity 600ms; pointer-events: none; - padding: 10vw 10vw 40vw 10vw; + padding: 10vw 10vw 20vw 10vw; } .listopen #list { @@ -236,4 +236,17 @@ h1, h2 { } @media (max-width: 700px) { + body, + #nav b { + font-size: 14px; + } + #mobile-nav { + top: auto; + bottom: 10px; left: 10px; + } + #close { + top: 20px; right: 20px; + width: 40px; + height: 40px; + } } diff --git a/studio-susie/templates/index.liquid b/studio-susie/templates/index.liquid index c88e893..23c9c2c 100644 --- a/studio-susie/templates/index.liquid +++ b/studio-susie/templates/index.liquid @@ -1,5 +1,67 @@ <!DOCTYPE html> <!-- + + \\\\\\\\\ + \\\\\\\\\ \ + ///\\\ \ + \\\\\\/// \ + \\\\\ \ ` __ \ + \\\\\\\\ \ \ \ / \ \ + \\ __/ \_/ \ \ / \ \ \__/ \ + \ (_ / \ \_/\ \_/\ \ \ + \ \ (_/ _ \ + \ ,._/ ` / \ \ + \ __/ _/ /\ \ / \ + \\ (_ \ (_ \ /\__/ \ + \\ \ \ \ \ \ \ + \ ,._/ \_/\ \__) \ + \ \ + \ \ + \ \ + \ a carbon pictures \ + \ production \ + \ new years day 2016 \ + \ \ + \ \ \ + \ \\ \ + \ \\ \\ \ + \ \\ \\\ \ + \ \\ \ \ + \ \\\ //\ ``````````````` + \ \\/ \ ````````````` ``` + \ \\ \ ``` ^^^^^ `` + \ \\ \ *** ^^^^^^^^^ ``` + \ `````` \\\ \ ****** ^^^^^^^^^ ``` + \\\ ` ```` \\ \ ******* ^^^^^^^ ` + ```` \\\ \\ ******** ^^^^ ` + ````` %%%%% \\ \ ******* `` + ```` %%%%%%%% \\\ \ ****** ``` + ``` %%%%%%%% \\\ \ ``` + `` %%%%%% \\ \\ `` + `` %%%%% \\ \\ ` + ` $$$$$ \\ \ ` + `` $$$$$$$$ \\ \ `` + `` $$$$$$$ \\ \\ ``` + ` $$$$$$` \\ \ ` + ` $$$`` \\\ \ `` + `` \\ \\ ` + `` \ \ ` + ` ### \\ \\ ` + `` ###### \\ \\ ``` + ` ######## \\ \\ ``````````````` + ` ####### \ \ `` + ` ###### !!!!!!! \\ \ `` + `` !!!!!!!! \\ \ ` + `` !!!!!!!! ~~~~~ \\ \\ `` + `` !!!!!!!!! ~~~~~~~~ \\ \\ `` + ``` !!!!!! ~~~~~~~~ \\ \ `` + `````` ~~~~~~~~~ \\\ `` + `````` ~~~~~~ \\ ``` + ````` `` + ``````````` ```` + ``````` ````` + ``````````` + --> <html lang="en" class="loading"> <head> @@ -61,11 +123,6 @@ </div> {% endfor %} - <div id="mobile"> - <div class="hamburger"><span></span></div> - <div class="logo">StudioSusie.com</div> - </div> - </div> <div id="list"> |