Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Showing
with
530 additions
and 17 deletions.
- +20 −14 _includes/footer.html
- +1 −1 _includes/head.html
- +204 −0 _sass/_base.scss
- +236 −0 _sass/_layout.scss
- +67 −0 _sass/_syntax-highlighting.scss
- +2 −2 _sass/helpers/_mixins.scss
| @@ -1,17 +1,23 @@ | ||
| <footer class="c-page__footer"> | ||
| </ hr> | ||
| <p><script type='text/javascript'> | ||
| fortune = new Array(7); | ||
| fortune[0] = 'I good vegetable ah...'; | ||
| fortune[1] = 'EL PSY CONGROO'; | ||
| fortune[2] = 'Pen Pineapple Apple Pen ~'; | ||
| fortune[3] = 'なんでそんなに慣れてんだよっ！'; | ||
| fortune[4] = 'あたしが、先だった……先だったんだ……'; | ||
| fortune[5] = '+1s +1s +1s +1s +1s +1s +1s +1s'; | ||
| fortune[6] = 'どうしてこうなるんだろう…'; | ||
| index = Math.floor(Math.random() * fortune.length); | ||
| document.write(fortune[index]); | ||
| </script><noscript>どうしてこうなるんだろう…</noscript><p></ hr></ br> | ||
| <p>© {{ site.author }} {{ 'now' | date: '%Y' }} | Powered by Jekyll | Using theme:Butane </p></ br> | ||
| <p>Follow: {% if site.twitter_username %}<a href="https://twitter.com/{{ site.twitter_username }}">Twitter</a><span class="u-separate"></span>{% endif %}{% if site.github_username %}<a href="https://github.com/{{ site.github_username }}">Github</a>{% endif %}<span class="u-separate"></span> Subscribe: <a href="{{ "/feed.xml" | prepend: site.baseurl }}">RSS</a></p> | ||
| <p> | ||
| <script type='text/javascript'> | ||
| fortune = new Array(9); | ||
| fortune[0] = 'You Door All Dalao Except Me I good vegetable ah...'; | ||
| fortune[1] = 'すべてはシュタインズ・ゲートの選択である!'; | ||
| fortune[2] = 'Pen Pineapple Apple Pen ~'; | ||
| fortune[3] = 'なんでそんなに慣れてんだよっ！'; | ||
| fortune[4] = 'あたしが、先だった……先だったんだ……'; | ||
| fortune[5] = '+1s +1s +1s +1s +1s +1s +1s +1s'; | ||
| fortune[6] = 'どうしてこうなるんだろう…'; | ||
| fortune[7] = '你也配姓趙？你怎麼會姓趙！——你那裡配姓趙！'; | ||
| fortune[8] = '你才是法師！你全家都是法師！'; | ||
| index = Math.floor(Math.random() * fortune.length); | ||
| document.write(fortune[index]); | ||
| </script> | ||
| <noscript>どうしてこうなるんだろう…</noscript> | ||
| </p> | ||
| </ hr></ br> | ||
| <p>© {{ site.author }} {{ 'now' | date: '%Y' }} | Powered by Jekyll | Using theme:Biu </p></ br> | ||
| <p>Follow me on: {% if site.twitter_username %}<a href="https://twitter.com/{{ site.twitter_username }}">Twitter</a>{% endif %}{% if site.twitter_username %}{% if site.github_username %} & {% endif %}{% endif %}{% if site.github_username %}<a href="https://github.com/{{ site.github_username }}">Github</a>{% endif %}<span class="u-separate"></span> Subscribe: <a href="{{ "/feed.xml" | prepend: site.baseurl }}">RSS</a></p> | ||
| </footer> |
| @@ -0,0 +1,204 @@ | ||
| /** | ||
| * Reset some basic elements | ||
| */ | ||
| body, h1, h2, h3, h4, h5, h6, | ||
| p, blockquote, pre, hr, | ||
| dl, dd, ol, ul, figure { | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| /** | ||
| * Basic styling | ||
| */ | ||
| body { | ||
| font-family: $base-font-family; | ||
| font-size: $base-font-size; | ||
| line-height: $base-line-height; | ||
| font-weight: 300; | ||
| color: $text-color; | ||
| background-color: $background-color; | ||
| -webkit-text-size-adjust: 100%; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| /** | ||
| * Set `margin-bottom` to maintain vertical rhythm | ||
| */ | ||
| h1, h2, h3, h4, h5, h6, | ||
| p, blockquote, pre, | ||
| ul, ol, dl, figure, | ||
| %vertical-rhythm { | ||
| margin-bottom: $spacing-unit / 2; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| /** | ||
| * Images | ||
| */ | ||
| img { | ||
| max-width: 100%; | ||
| vertical-align: middle; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| /** | ||
| * Figures | ||
| */ | ||
| figure > img { | ||
| display: block; | ||
| } | ||
|
|
||
| figcaption { | ||
| font-size: $small-font-size; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| /** | ||
| * Lists | ||
| */ | ||
| ul, ol { | ||
| margin-left: $spacing-unit; | ||
| } | ||
|
|
||
| li { | ||
| > ul, | ||
| > ol { | ||
| margin-bottom: 0; | ||
| } | ||
| } | ||
|
|
||
|
|
||
|
|
||
| /** | ||
| * Headings | ||
| */ | ||
| h1, h2, h3, h4, h5, h6 { | ||
| font-weight: 300; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| /** | ||
| * Links | ||
| */ | ||
| a { | ||
| color: $brand-color; | ||
| text-decoration: none; | ||
|
|
||
| &:visited { | ||
| color: darken($brand-color, 15%); | ||
| } | ||
|
|
||
| &:hover { | ||
| color: $text-color; | ||
| text-decoration: underline; | ||
| } | ||
| } | ||
|
|
||
|
|
||
|
|
||
| /** | ||
| * Blockquotes | ||
| */ | ||
| blockquote { | ||
| color: $grey-color; | ||
| border-left: 4px solid $grey-color-light; | ||
| padding-left: $spacing-unit / 2; | ||
| font-size: 18px; | ||
| letter-spacing: -1px; | ||
| font-style: italic; | ||
|
|
||
| > :last-child { | ||
| margin-bottom: 0; | ||
| } | ||
| } | ||
|
|
||
|
|
||
|
|
||
| /** | ||
| * Code formatting | ||
| */ | ||
| pre, | ||
| code { | ||
| font-size: 15px; | ||
| border: 1px solid $grey-color-light; | ||
| border-radius: 3px; | ||
| background-color: #eef; | ||
| } | ||
|
|
||
| code { | ||
| padding: 1px 5px; | ||
| } | ||
|
|
||
| pre { | ||
| padding: 8px 12px; | ||
| overflow-x: scroll; | ||
|
|
||
| > code { | ||
| border: 0; | ||
| padding-right: 0; | ||
| padding-left: 0; | ||
| } | ||
| } | ||
|
|
||
|
|
||
|
|
||
| /** | ||
| * Wrapper | ||
| */ | ||
| .wrapper { | ||
| max-width: -webkit-calc(800px - (#{$spacing-unit} * 2)); | ||
| max-width: calc(800px - (#{$spacing-unit} * 2)); | ||
| margin-right: auto; | ||
| margin-left: auto; | ||
| padding-right: $spacing-unit; | ||
| padding-left: $spacing-unit; | ||
| @extend %clearfix; | ||
|
|
||
| @include media-query($on-laptop) { | ||
| max-width: -webkit-calc(800px - (#{$spacing-unit})); | ||
| max-width: calc(800px - (#{$spacing-unit})); | ||
| padding-right: $spacing-unit / 2; | ||
| padding-left: $spacing-unit / 2; | ||
| } | ||
| } | ||
|
|
||
|
|
||
|
|
||
| /** | ||
| * Clearfix | ||
| */ | ||
| %clearfix { | ||
|
|
||
| &:after { | ||
| content: ""; | ||
| display: table; | ||
| clear: both; | ||
| } | ||
| } | ||
|
|
||
|
|
||
|
|
||
| /** | ||
| * Icons | ||
| */ | ||
| .icon { | ||
|
|
||
| > svg { | ||
| display: inline-block; | ||
| width: 16px; | ||
| height: 16px; | ||
| vertical-align: middle; | ||
|
|
||
| path { | ||
| fill: $grey-color; | ||
| } | ||
| } | ||
| } |
Oops, something went wrong.