kpmy 9 ani în urmă
părinte
comite
beb9de933d
11 a modificat fișierele cu 82 adăugiri și 25 ștergeri
  1. 0 8
      _includes/head.html
  2. 8 8
      _sass/_base.scss
  3. 2 2
      _sass/_code.scss
  4. 3 4
      _sass/_masthead.scss
  5. 0 1
      _sass/_pagination.scss
  6. 6 0
      _sass/_posts.scss
  7. 1 1
      _sass/_type.scss
  8. 30 0
      _sass/_variables.scss
  9. 30 0
      about.md
  10. 1 1
      atom.xml
  11. 1 0
      styles.scss

+ 0 - 8
_includes/head.html

@@ -1,8 +1,5 @@
 <head>
   <meta charset="UTF-8">
-  <link href="http://gmpg.org/xfn/11" rel="profile">
-
-  <!-- Enable responsiveness on mobile devices-->
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
   <title>
@@ -13,13 +10,8 @@
     {% endif %}
   </title>
 
-  <!-- CSS -->
   <link rel="stylesheet" href="{{ site.baseurl }}/styles.css">
-
-  <!-- Icons -->
   <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.baseurl }}/public/apple-touch-icon-precomposed.png">
   <link rel="shortcut icon" href="{{ site.baseurl }}/public/favicon.ico">
-
-  <!-- RSS -->
   <link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ site.baseurl }}/atom.xml">
 </head>

+ 8 - 8
_sass/_base.scss

@@ -15,25 +15,25 @@ body {
 }
 
 html {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 1.5;
+  font-family: $root-font-family;
+  font-size: $root-font-size;
+  line-height: $root-line-height;
 
-  @media (min-width: 38em) {
-    font-size: 18px;
+  @media (min-width: $large-breakpoint) {
+    font-size: $large-font-size;
   }
 }
 
 body {
-  color: #515151;
-  background-color: #fff;
+  color: $body-color;
+  background-color: $body-bg;
   -webkit-text-size-adjust: 100%;
       -ms-text-size-adjust: 100%;
 }
 
 // No `:visited` state is required by default (browsers will use `a`)
 a {
-  color: #268bd2;
+  color: $link-color;
   text-decoration: none;
 
   // `:focus` is linked to `:hover` for basic accessibility

+ 2 - 2
_sass/_code.scss

@@ -5,13 +5,13 @@
 
 code,
 pre {
-  font-family: Menlo, Monaco, "Courier New", monospace;
+  font-family: $code-font-family;
 }
 
 code {
   padding: .25em .5em;
   font-size: 85%;
-  color: #bf616a;
+  color: $code-color;
   background-color: #f9f9f9;
   border-radius: 3px;
 }

+ 3 - 4
_sass/_masthead.scss

@@ -11,16 +11,15 @@
 .masthead-title {
   margin-top: 0;
   margin-bottom: 0;
-  color: #505050;
+  color: $gray-4;
 
   a {
-    color: #505050;
+    color: inherit;
   }
 
   small {
     font-size: 75%;
     font-weight: 400;
-    color: #c0c0c0;
-    letter-spacing: 0;
+    opacity: .5;
   }
 }

+ 0 - 1
_sass/_pagination.scss

@@ -6,7 +6,6 @@
 .pagination {
   overflow: hidden; // clearfix
   margin: 0 -1.5rem 1rem;
-  font-family: "PT Sans", Helvetica, Arial, sans-serif;
   color: #ccc;
   text-align: center;
 }

+ 6 - 0
_sass/_posts.scss

@@ -6,6 +6,10 @@
 .page,
 .post {
   margin-bottom: 4em;
+
+  li + li {
+    margin-top: .25rem;
+  }
 }
 
 // Blog post or page title
@@ -32,7 +36,9 @@
 .related {
   padding-top: 2rem;
   padding-bottom: 2rem;
+  margin-bottom: 2rem;
   border-top: 1px solid #eee;
+  border-bottom: 1px solid #eee;
 }
 
 .related-posts {

+ 1 - 1
_sass/_type.scss

@@ -4,7 +4,7 @@
 
 h1, h2, h3, h4, h5, h6 {
   margin-bottom: .5rem;
-  font-weight: bold;
+  font-weight: 600;
   line-height: 1.25;
   color: #313131;
   text-rendering: optimizeLegibility;

+ 30 - 0
_sass/_variables.scss

@@ -0,0 +1,30 @@
+$gray-1: #f9f9f9;
+$gray-2: #ccc;
+$gray-3: #767676;
+$gray-4: #515151;
+$gray-5: #313131;
+
+$red: #ac4142;
+$orange: #d28445;
+$yellow: #f4bf75;
+$green: #90a959;
+$cyan: #75b5aa;
+$blue: #268bd2;
+// $blue: #6a9fb5;
+$brown: #8f5536;
+
+$root-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
+$root-font-size: 16px;
+$root-line-height: 1.5;
+
+$body-color: #515151;
+$body-bg: #fff;
+$link-color: $blue;
+
+$border-color: #e5e5e5;
+
+$large-breakpoint: 38em;
+$large-font-size: 20px;
+
+$code-font-family: Menlo, Monaco, "Courier New", monospace;
+$code-color: #bf616a;

+ 30 - 0
about.md

@@ -0,0 +1,30 @@
+---
+layout: page
+title: About
+---
+
+<p class="message">
+  Hey there! This page is included as an example. Feel free to customize it for your own use upon downloading. Carry on!
+</p>
+
+In the novel, *The Strange Case of Dr. Jekyll and Mr. Hyde*, Mr. Poole is Dr. Jekyll's virtuous and loyal butler. Similarly, Poole is an upstanding and effective butler that helps you build Jekyll themes. It's made by [@mdo](https://twitter.com/mdo).
+
+There are currently two themes built on Poole:
+
+* [Hyde](http://hyde.getpoole.com)
+* [Lanyon](http://lanyon.getpoole.com)
+
+Learn more and contribute on [GitHub](https://github.com/poole).
+
+## Setup
+
+Some fun facts about the setup of this project include:
+
+* Built for [Jekyll](http://jekyllrb.com)
+* Developed on GitHub and hosted for free on [GitHub Pages](https://pages.github.com)
+* Coded with [Sublime Text 2](http://sublimetext.com), an amazing code editor
+* Designed and developed while listening to music like [Blood Bros Trilogy](https://soundcloud.com/maddecent/sets/blood-bros-series)
+
+Have questions or suggestions? Feel free to [open an issue on GitHub](https://github.com/poole/poole/issues/new) or [ask me on Twitter](https://twitter.com/mdo).
+
+Thanks for reading!

+ 1 - 1
atom.xml

@@ -17,7 +17,7 @@ layout: null
 
  {% for post in site.posts %}
  <entry>
-   <title>{{ post.title }}</title>
+   <title>{{ post.title | xml_escape }}</title>
    <link href="{{ site.url }}{{ site.baseurl }}{{ post.url }}"/>
    <updated>{{ post.date | date_to_xmlschema }}</updated>
    <id>{{ site.url }}{{ post.id }}</id>

+ 1 - 0
styles.scss

@@ -17,6 +17,7 @@
 // Designed, built, and released under MIT license by @mdo. Learn more at
 // https://github.com/poole/poole.
 
+@import "variables";
 @import "base";
 @import "type";
 @import "syntax";