Bridget Stewart bridgestew
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
| // package.json shown below to double check nothing is missing | |
| import fetch from 'node-fetch' | |
| import dotenv from 'dotenv' | |
| import Twitter from 'twitter' | |
| import { AllHtmlEntities as Entities } from 'html-entities' | |
| dotenv.config() | |
| // URL of notes JSON feed | |
| // output of file shown below |
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
| url: http://example.com | |
| name: Name | |
| description: Description of site | |
| pages_permalink: true | |
| permalink: /:categories/:title #this didn't work within a scope, anly at root | |
| defaults: | |
| - | |
| scope: | |
| path: "" # empty string for all files | |
| type: "page" |
bridgestew
/ Same classes, different elements
Last active
December 23, 2015 09:49
This illustrates how we can apply styles independent of a specific DOM structure.
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
| <!-- FAQ --> | |
| <div id="faq" class="accordion"> | |
| <div class="separator"> | |
| <h3 class="accordion__title"> | |
| <a href="#faq-content1">FAQ Question 1</a> | |
| </h3> | |
| <div class="accordion__body" id="faq-content1">FAQ Answer 1</div> | |
| </div> | |
| <div class="separator"> | |
| <h3 class="accordion__title"> |
bridgestew
/ Initial Accordion CSS--new
Last active
December 23, 2015 07:59
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
| /* =============================================================== | |
| Our "separator" styles, from earlier | |
| =========================================================== */ | |
| /* Shorthand is great, but when you just want to tweak one value elsewhere -- long form is your friend */ | |
| .separator { | |
| border-bottom-color: #bca785; | |
| border-bottom-width: 1px; | |
| border-bottom-style: dashed; | |
| padding-bottom: 10px; |
bridgestew
/ Early CSS, part three
Last active
December 23, 2015 07:58
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
| .separator { | |
| border-bottom: dashed 1px #bca785; | |
| margin-bottom: 10px; | |
| padding-bottom: 10px; | |
| } |
bridgestew
/ Early CSS, part two
Last active
December 23, 2015 07:59
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
| #faq > div, | |
| #archive > ul > li { | |
| border-bottom: dashed 1px #bca785; | |
| margin-bottom: 10px; | |
| padding-bottom: 10px; | |
| } |
bridgestew
/ Early CSS, part one
Last active
December 23, 2015 07:59
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
| #faq > div { | |
| border-bottom: dashed 1px #bca785; | |
| margin-bottom: 10px; | |
| padding-bottom: 10px; | |
| } | |
| #archive > ul > li { | |
| border-bottom: dashed 1px #bca785; | |
| margin-bottom: 10px; | |
| padding-bottom: 10px; |
bridgestew
/ Two Concepts: HTML
Last active
December 23, 2015 07:59
Early, nearly naked example for the FAQ and Archive HTML
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
| <div id="faq"> | |
| <div> | |
| <h3><a href="#">FAQ question</a></h3> | |
| <div> | |
| <p>FAQ answer</p> | |
| </div> | |
| </div> | |
| <div> | |
| <h3><a href="#">FAQ question</a></h3> | |
| <div> |
bridgestew
/ Accordions side by side
Last active
December 19, 2015 10:59
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
| <div class="main"> | |
| <!-- FAQ --> | |
| <div id="faq" class="accordion"> | |
| <div class="separator"> | |
| <h2 class="accordion__title"> | |
| <a class="accordion__toggle js-accordion-toggle" href="#faq-content1"> | |
| <i class="icn icn--accordion js-accordion-state">Open</i> | |
| FAQ Question 1</a> | |
| </h2> | |
| <div class="accordion__body is-closed"> |
bridgestew
/ Updated Accordion CSS
Last active
December 19, 2015 10:59
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
| /* ============================================================== | |
| A few base styles plus column layout | |
| =========================================================== */ | |
| .wrap, | |
| .main, | |
| .secondary { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; |
NewerOlder