-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #38 from FAC-11/styling
Styling is 💯
- Loading branch information
Showing
11 changed files
with
210 additions
and
23 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,25 @@ | ||
|
|
||
| (function () { | ||
| var icon = document.getElementById('js-icon'); | ||
| var text = document.getElementsByClassName('text'); | ||
| var isOn = false; | ||
| for(var i = 0; i < text.length; i++){ | ||
| text[i].style.color = 'white'; | ||
| } | ||
| icon.addEventListener('click', function(e) { | ||
| if (!isOn) { | ||
| icon.setAttribute('src', '/lightbulb-yellow.png'); | ||
| document.body.style.backgroundColor = 'white'; | ||
| for(var i = 0; i < text.length; i++){ | ||
| text[i].style.color = 'black'; | ||
| } | ||
| isOn = true; | ||
| } else { | ||
| icon.src = '/lightbulb-white.png'; | ||
| document.body.style.backgroundColor = '#2b2b2b'; | ||
| for(var i = 0; i < text.length; i++){ | ||
| text[i].style.color = 'white'; | ||
| } | ||
| isOn = false; | ||
| } | ||
| }); | ||
| })(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,7 @@ | ||
| {{#each data}} | ||
| <a href="/browse/{{this.userid}}"> | ||
| <h1 style="text-align: center; font-family: sans-serif;">{{this.ideatitle}}</h1> | ||
| <a href="/browse/{{this.userid}}" class="block"> | ||
| <button class="landing_btn btn_browse"> | ||
| {{this.ideatitle}} | ||
| </button> | ||
| </a> | ||
| {{/each}} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,6 +1,3 @@ | ||
| <i class="fa fa-lightbulb-o" aria-hidden="true"></i> | ||
|
|
||
|
|
||
|
|
||
| <a href="/new-idea"><button type="button" name="btn_haveidea" class="landing_btn">HAVE AN IDEA?</button></a> | ||
| <a href="/browse"><button type="button" name="btn_gotskills" class="landing_btn">GOT SKILLS?</button></a> | ||
| <a href="/new-idea"><button type="button" name="btn_haveidea" class="landing_btn landing_btn--idea">Have an idea?</button></a> | ||
| <a href="/browse"><button type="button" name="btn_gotskills" class="landing_btn landing_btn--skills">Got the skillz?</button></a> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,7 +1,12 @@ | ||
|
|
||
| <form class="idea-form" action="/new-idea" method="POST"> | ||
| <input type="text" name="firstname"></input> | ||
| <input type="email" name="email"></input> | ||
| <input type="text" name="ideatitle"></input> | ||
| <textarea rows="4" cols="50" name="ideadesc"></textarea> | ||
| <input type="submit"> | ||
| <label for="form-name" class="form__label text">First name: </label> | ||
| <input id="form-name" type="text" name="firstname" class="idea-form__name" placeholder="Type your firstname" aria-label="Type your firstname"></input> | ||
| <label for="form-email" class="form__label text">Your email: </label> | ||
| <input id="form-email" type="email" name="email" class="idea-form__email" placeholder="Type your email address" aria-label="Type your email address"></input> | ||
| <label for="form-idea" class="form__label text">Your idea: </label> | ||
| <input id="form-idea" type="text" name="ideatitle" class="idea-form__ideatitle" placeholder="Your idea!" aria-label="name your idea"></input> | ||
| <label for="form-ideadesc" class="form__label text">Tell us more! </label> | ||
| <textarea id="form-ideadesc" rows="4" cols="25" name="ideadesc" class="idea-form__ideadesc" placeholder="A little bit more detail..." aria-label="describe your idea"></textarea> | ||
| <input type="submit" class="submit"> | ||
| </form> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,7 +1,9 @@ | ||
| <footer> | ||
| <footer class="footer text"> | ||
|
|
||
| Brought to you by <a href="https://github.com/maxgerber">Max, </a><a href="https://github.com/rebecacalvoquintero">Rebeca, </a><a href="https://github.com/AbdullahChaudhry">Abdullah and </a><a href="https://github.com/Jen-Harris">Jen </a> | ||
| <br> | ||
| ©2017 | ||
|
|
||
|
|
||
|
|
||
| </footer> | ||
| <script src="/main.js"></script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1 @@ | ||
| <p>This is where the header will go</p> | ||
| <img class="icon" src="/lightbulb-white.png" id="js-icon"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters