From fdb927e29d0fb2bac103a0ac75445078e4db0d7a Mon Sep 17 00:00:00 2001 From: Trent Palmer Date: Sun, 26 Apr 2020 13:04:26 -0700 Subject: [PATCH] add github label to index.html --- drum-machine/index.html | 2 +- fcc_challenges.css | 52 +++++++++++++++++++++++++++++++++++++---- index.html | 20 +++++++++------- 3 files changed, 61 insertions(+), 13 deletions(-) diff --git a/drum-machine/index.html b/drum-machine/index.html index b642853..f8b98f3 100644 --- a/drum-machine/index.html +++ b/drum-machine/index.html @@ -20,7 +20,7 @@
- + Fork me on GitHub diff --git a/fcc_challenges.css b/fcc_challenges.css index b9e6be9..772c10b 100644 --- a/fcc_challenges.css +++ b/fcc_challenges.css @@ -2,10 +2,16 @@ body, html { margin: 0; padding: 0; font-family: 'Baloo Bhai', serif; - color: #f1f3ce; background-color: #00293C; } +body { + color: #f1f3ce; + max-width: 900px; + margin: auto; + padding: 10px; +} + h1 { font-size: 1.4em; margin-bottom: -.5em; @@ -21,7 +27,7 @@ div { width: 90%; padding: .1em; } -a { +.link { box-shadow: .1em .1em black; text-decoration: none; text-indent: 1em; @@ -34,16 +40,54 @@ a { border: .1em solid black; border-radius: .3em; } -a:hover { +.link:hover { background-color: #f62a00; } -a:focus { +.link:focus { background-color: #f1f3ce; color: #f62a00; } +.attachment-full { + position: absolute; + right: 0px; + height: 149px; + width: 149px; +} + +.githubLabel { + background-color: #00293C; + border: none; + width: 149px; + height: 0px; + position: absolute; + right: 0px; +} + @media (min-width: 1201px) { div { width: 95% } } + +@media (orientation: portrait) { + .attachment-full { + height: 99px; + width: 99px; + } + + .githubLabel { + width: 99px; + } +} + +@media (orientation: landscape) and (max-height: 400px) { + .attachment-full { + height: 99px; + width: 99px; + } + + .githubLabel { + width: 99px; + } +} diff --git a/index.html b/index.html index 678a5a7..a337c75 100644 --- a/index.html +++ b/index.html @@ -9,33 +9,37 @@ + + Fork me on GitHub +

FCC Challenges

Repository View

- GitHub Repository of This Page + GitHub Repository of This Page

Responsive Web Design Projects

- Tribute Page - McCain Tribute + Tribute Page - McCain Tribute
- Survey Form - How Was Dinner? + Survey Form - How Was Dinner?
- Product Landing Page
     Tools That Love You + Product Landing Page
     Tools That Love You
- Technical Documentation
     LMDE 3 Disk Encryption + Technical Documentation
     LMDE 3 Disk Encryption

Front End Library Projects

- Random Quote Machine + Random Quote Machine
- Markdown Previewer + Markdown Previewer
- Drum Machine + Drum Machine