Layout final pro projeto

hackseq · Jan 16, 2018 · d5de32d · d5de32d
1 parent 4e98067
commit d5de32d
Show file tree

Hide file tree

Showing 40 changed files with 424 additions and 573 deletions.
diff --git a/.travis.yml b/.travis.yml
@@ -5,7 +5,7 @@ env:
     - JEKYLL_ENV=production
     - NOKOGIRI_USE_SYSTEM_LIBRARIES=true
 
-script: jekyll build
+script: jekyll build && rm -rf ./_site
 
 deploy:
   provider: rubygems

diff --git a/README.md b/README.md
@@ -1,9 +1,9 @@
 # Windows 95 Theme for Jekyll
 
-[![Build Status](https://travis-ci.org/asantos07/jekyll-theme-windows95.svg?branch=master)](https://travis-ci.org/asantos07/jekyll-theme-windows95)
+[![Gem Version](https://badge.fury.io/rb/jekyll-theme-windows95.svg)](https://badge.fury.io/rb/jekyll-theme-windows95)[![Build Status](https://travis-ci.org/asantos07/jekyll-theme-windows95.svg?branch=master)](https://travis-ci.org/asantos07/jekyll-theme-windows95)[![GitHub issues](https://img.shields.io/github/issues/asantos07/jekyll-theme-windows95.svg)](https://github.com/asantos07/jekyll-theme-windows95/issues)[![GitHub license](https://img.shields.io/github/license/asantos07/jekyll-theme-windows95.svg)](https://github.com/asantos07/jekyll-theme-windows95/blob/master/LICENSE)
 
-Homepage (demo): [Windows 95](https://h01000110.github.io/20170917/windows-95)
+### Homepage (demo): [Jekyll Theme Windows 95](https://asantos07.github.io/jekyll-theme-windows95/)
 
-Author: [Ariel Santos](https://github.com/asantos07), forked off [h01000110 (hi)](https://github.com/h01000110)
+## For a documentation on how to use this theme, see the live demo.
 
-License: [MIT](https://github.com/asantos07/jekyll-theme-windows95/blob/master/LICENSE)
+### Author: [Ariel Santos](https://github.com/asantos07), forked from [h01000110 (hi)](https://github.com/h01000110)
diff --git a/_config.yml b/_config.yml
@@ -1,13 +1,10 @@
-url: https://asantos07.github.io/
-baseurl: jekyll-theme-windows95
+url: https://asantos07.github.io
+baseurl: /jekyll-theme-windows95/
 
 # variables
 title: Jekyll Win95 Theme
 description: Jekyll theme inpired on the Win95 UI
 
-email: [email protected]
-
-
 # File management
 include: [".htaccess"]
 exclude: ["README.md", "LICENSE", "Gemfile", "Gemfile.lock", "jekyll-theme-windows95.gemspec"]

diff --git a/_data/social.yml b/_data/social.yml
@@ -1,6 +1,6 @@
-- name: Github
-  link: https://github.com/asantos07/jekyll-theme-windows95/
 - name: Author
   link: https://asantos07.github.io/
+- name: Github
+  link: https://github.com/asantos07/jekyll-theme-windows95/
 - name: RubyGems
   link: https://rubygems.org/gems/jekyll-theme-windows95
diff --git a/_data/tags.yml b/_data/tags.yml
diff --git a/_layouts/all.html b/_layouts/all.html
@@ -0,0 +1,8 @@
+<ul>
+    {% for post in site.posts %}
+    <li>
+        <a href="{{  post.url }}" title="{{ post.title }}">
+            <img src="{{ " /assets/img/file.ico " | relative_url }}" title="{{ post.title }}" />{{ post.title }}</a>
+    </li>
+    {% endfor %}
+</ul>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -18,42 +18,42 @@
 	<script>hljs.initHighlightingOnLoad();</script>
 </head>
 <body>
-	<div class="wrapper">
-		{% if page.title or page.title == 'me' %}
-			<div class="page_title">
-		{% else %}
-			<div class="default_title">
-		{% endif %}
+	<div class="wrapper window">
+		<div class="window_title">
 			<img src="{{ "/assets/img/mycomputer.png" | relative_url }}" />
 			{% if page.tag %}
-				<h1>{{ page.tag }}</h1>
+				<h1>{{ site.title }} - {{ page.tag }}</h1>
 			{% else %}
 				<h1>{{ site.title }}</h1>
 			{% endif %}
 		</div>
 		{% include topbar.html %}
 		<div class="tag_list">
 			<ul id="tag-list">
-				<li><a href="/" ><img src="{{ "/assets/img/disk.png" | relative_url }}" />(C:)</a>
-			<ul>
-				{% assign tags = site.tags | sort %}
-				{% for tag in tags %}
-				<li><a href="{{ site.baseurl }}/tag/{{ tag | first | slugify }}/" title="{{ tag[0] | replace:'-', ' ' }}"><img src="{{ "/assets/img/folder.ico" | relative_url }}" />{{ tag[0] | replace:'-', ' ' }}</a></li>
-				{% endfor %}
-			</ul>
+				<li>
+					<a href="{{ site.baseurl }}/" ><img src="{{ "/assets/img/disk.png" | relative_url }}" />(C:)</a>
+					<ul>
+						{% assign tags = site.tags | sort %}
+						{% for tag in tags %}
+							<li><a href="{{ site.baseurl }}/tag/{{ tag | first | slugify }}/" title="{{ tag[0] | replace:'-', ' ' }}"><img src="{{ "/assets/img/folder.ico" | relative_url }}" />{{ tag[0] | replace:'-', ' ' }}</a></li>
+						{% endfor %}
+					</ul>
+					<a href="{{ site.baseurl }}/all" ><img src="{{ "/assets/img/briefcase.png" | relative_url }}" />All</a>					
 				</li>
 			</ul>
 		</div>
 		<div class="post_list">
-			{% unless page.date%}
-				{% if page.title == 'me' or page.title == '404...' %}
+			{% unless page.date %}
+				{% if page.title == '404...' %}
 					<ul>
 						{% for post in site.posts %}
-						<li><a href="{{  post.url }}" title="{{ post.title }}"><img src="{{ "/assets/img/file.ico" | relative_url }}" title="{{ post.title }}" />{{ post.title }}</a></li>
+							<li><a href="{{  post.url }}" title="{{ post.title }}"><img src="{{ "/assets/img/file.ico" | relative_url }}" title="{{ post.title }}" />{{ post.title }}</a></li>
 						{% endfor %}
 					</ul>
 				{% else %}
-					{{ content }}
+					<div class="intro">
+						{{ content }}
+					</div>
 				{% endif %}
 			{% else %}
 				<ul>
@@ -73,11 +73,11 @@ <h1>{{ site.title }}</h1>
 		</div>
 	</div>
 	{% if page.title %}
-        <div class="content">
-			<div class="post_title">
+        <div class="content window">
+			<div class="window_title">
 				<img src="{{ "/assets/img/file.png" | relative_url }}" />
 				<h1>{{  page.title  }}</h1>
-				<a href="/"><div class="btn"><span class="fa fa-times"></span></div></a>
+				<a href="{{ site.baseurl }}/"><div class="btn"><span class="fa fa-times"></span></div></a>
 				<div class="btn btn_max"><span class="fa fa-window-maximize"></span></div>
 				<div class="btn"><span class="fa fa-window-minimize"></span></div>
 			</div>

diff --git a/_layouts/me.html b/_layouts/me.html
diff --git a/_layouts/tag.html b/_layouts/tag.html
@@ -3,6 +3,6 @@
 ---
 <ul>
 	{% for post in site.tags[page.tag] %}
-		<li><a href="{{  post.url }}" title="{{ post.title }}"><img src="{{ "/assets/img/file.ico" | relative_url }}" title="{{ post.title }}" />{{ post.title }}</a></li>
+		<li><a href="{{ site.baseurl }}/{{  post.url }}" title="{{ post.title }}"><img src="{{ "/assets/img/file.ico" | relative_url }}" title="{{ post.title }}" />{{ post.title }}</a></li>
 	{% endfor %}
 </ul>
diff --git a/_posts/2017-08-31-lorem-ipsum.md b/_posts/2017-08-31-lorem-ipsum.md
@@ -1,7 +1,7 @@
 ---
 layout: default
 title: "Lorem Ipsum"
-tags: tag1 tag2 tag3 tag4
+tags: society
 ---
 
 ## Lorem Ipsum

diff --git a/_posts/2017-09-16-markdown-test-page.md b/_posts/2017-09-16-markdown-test-page.md
@@ -1,7 +1,7 @@
 ---
 layout: default
 title: "Markdown Test Page"
-tags: tag1 tag3
+tags: tech
 ---
 
 ## Source: [Markdown Test Page](https://github.com/fullpipe/markdown-test-page)

diff --git a/_sass/_post.scss b/_sass/_post.scss
diff --git a/_sass/_postlist.scss b/_sass/_postlist.scss
@@ -0,0 +1,96 @@
+.post_list {
+    width: 70.2%;
+    margin: 0 auto;
+    min-height: 150px;
+    max-height: 150px;
+    overflow-y: scroll;
+    display: inline-block;
+    ul {
+        list-style: none;
+        li {
+            display: inline-block;
+            margin: 10px;
+            max-width: 16ch;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            text-align: center;
+            img {
+                display: block;
+                margin: 0 auto;
+                margin-bottom: 8px;
+            }
+            a {
+                text-decoration: none;
+                color: #000000;
+            }
+        }
+    }
+}
+
+.post_list>.intro {
+    margin: 4px 2px 2px 2px;
+    overflow-wrap: break-word;
+    a {
+        color: #0000ff;
+    }
+    h1 {
+        font-size: 20px;
+        font-weight: 700;
+        margin: 5px 0 5px 0;
+    }
+    h2 {
+        font-size: 18px;
+        font-weight: 700;
+        margin: 25px 0 5px 0;
+    }
+    em {
+        font-style: italic;
+    }
+    blockquote {
+        padding: 0 0 0 15px;
+        margin: 15px 5px;
+        border-left: 8px solid #000000;
+    }
+    strong {
+        font-weight: 700;
+    }
+    hr {
+        border-top: 3px solid #333333;
+        border-left: 0;
+    }
+    ul {
+        margin: 0 0 15px 30px;
+        li {
+            padding: 5px;
+            ul {
+                margin: 10px 0 0 15px;
+                li {
+                    padding: 5px;
+                }
+            }
+        }
+    }
+    ol {
+        list-style: decimal-leading-zero;
+        margin: 0 0 15px 30px;
+        li {
+            padding: 5px;
+            ul {
+                margin: 10px 0 0 15px;
+                li {
+                    padding: 5px;
+                }
+            }
+        }
+    }
+    table,
+    th,
+    td {
+        border: 1px solid #222222;
+        padding: 2px;
+    }
+    pre {
+        margin-bottom: 15px;
+    }
+}
diff --git a/_sass/_site.scss b/_sass/_site.scss
diff --git a/_sass/_topbar.scss b/_sass/_topbar.scss
@@ -0,0 +1,16 @@
+ul.topbar {
+    list-style: none;
+    padding: 0 5px;
+    margin: 3px 0 3px 0;
+    li {
+        display: inline-block;
+        margin: 0 10px 0 0;
+    }
+    a {
+        text-decoration: none;
+        color: #000000;
+    }
+    li::first-letter {
+        text-decoration: underline;
+    }
+}
diff --git a/_sass/_window.scss b/_sass/_window.scss
@@ -0,0 +1,61 @@
+.window>.window_title {
+	background: #808080;
+}
+
+.window:hover>.window_title {
+	background: #00007f;
+}
+
+.window_title {
+	padding: 3px 4px 3px 4px;
+	position: relative;
+	h1 {
+		color: #bfb8bf;
+		font-size: 14px;
+		font-weight: bold;
+	}
+	img {
+		float: left;
+		width: 14px;
+		height: 14px;
+		margin: 0 4px 0 0;
+	}
+}
+
+.content>.window_title {
+	h1 {
+		display: inline-block;
+	}
+	a {
+		color: #000000;
+	}
+	.btn {
+		background: #cccccc;
+		width: 13px;
+		height: 11px;
+		float: right;
+		border: 2px solid;
+		border-color: #fff8ff #000000 #000000 #fff8ff;
+		span {
+			font-size: 11px;
+			position: relative;
+			left: 2px;
+			top: -2px;
+		}
+		.fa-window-minimize {
+			font-size: 10px;
+			left: 1px;
+		}
+		.fa-window-maximize {
+			font-size: 10px;
+			left: 1px;
+		}
+	}
+	.btn_max {
+		margin: 0 3px 0 0;
+	}
+	.btn:active {
+		width: 12px;
+		height: 10px;
+	}
+}