From eeb6b26e8d1be1a1570e6439f6e5181122732a8c Mon Sep 17 00:00:00 2001 From: Ariel Santos Date: Tue, 16 Jan 2018 03:23:24 -0200 Subject: [PATCH] =?UTF-8?q?Intro=20mais=20explicativa=20Links=20pros=20pos?= =?UTF-8?q?ts=20v=C3=A3o=20direto=20a=20janela=20do=20conte=C3=BAdo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _config.yml | 8 +- _layouts/default.html | 18 ++-- _layouts/tag.html | 2 +- _sass/_postlist.scss | 64 ++++++++----- _sass/_variables.scss | 2 + _sass/_window.scss | 98 ++++++++++++++++++- assets/css/styles.scss | 121 ++---------------------- docs/2017/08/31/lorem-ipsum.html | 24 ++--- docs/2017/09/16/markdown-test-page.html | 54 ++++++----- docs/404.html | 24 ++--- docs/all/index.html | 30 +++--- docs/assets/css/styles.css | 2 +- docs/index.html | 61 ++++++------ docs/tag/society/index.html | 25 ++--- docs/tag/tech/index.html | 25 ++--- index.md | 37 ++++---- tags/all.html | 2 +- 17 files changed, 312 insertions(+), 285 deletions(-) create mode 100644 _sass/_variables.scss diff --git a/_config.yml b/_config.yml index cb3e90636..f937562ba 100644 --- a/_config.yml +++ b/_config.yml @@ -15,8 +15,6 @@ sass: sass_dir: _sass # Markdown -markdown: kramdown -kramdown: - input: GFM - syntax_highlighter_opts: - disable : true \ No newline at end of file +# markdown: kramdown +# highlighter: rouge +# excerpt_separator: "\n\n" \ No newline at end of file diff --git a/_layouts/default.html b/_layouts/default.html index 51749a923..756ad6593 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -18,7 +18,7 @@ -
+
{% if page.tag %} @@ -42,29 +42,31 @@

{{ site.title }}

+ {% if page.intro %} +
+ {{ content }} +
+ {% else %}
{% unless page.date %} {% if page.title == '404...' %} - {% elsif page.intro %} -
- {{ content }} -
{% else %} {{ content }} {% endif %} {% else %} {% endunless %}
+ {% endif %}
{% if page.tag %}
{{ site.tags[page.tag] | size }} post(s)
@@ -75,7 +77,7 @@

{{ site.title }}

{% if page.title %} -
+

{{ page.title }}

diff --git a/_layouts/tag.html b/_layouts/tag.html index f47d67cd3..be637daf5 100644 --- a/_layouts/tag.html +++ b/_layouts/tag.html @@ -4,7 +4,7 @@
    {% for post in site.tags[page.tag] %}
  • - + {{ post.title }}
    • {% endfor %} diff --git a/_sass/_postlist.scss b/_sass/_postlist.scss index 574b02450..f2f12745f 100644 --- a/_sass/_postlist.scss +++ b/_sass/_postlist.scss @@ -1,8 +1,8 @@ .post_list { width: 70.2%; margin: 0 auto; - min-height: 150px; - max-height: 150px; + min-height: $windowHeight; + max-height: $windowHeight; overflow-y: scroll; display: inline-block; ul { @@ -10,7 +10,7 @@ li { display: inline-block; margin: 10px; - max-width: 16ch; + max-width: 12em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -28,28 +28,39 @@ } } -.post_list>.intro { - margin: 4px 2px 2px 2px; +.intro { + width: 70%; + margin: 0 auto; + padding-left: 4px; + min-height: $windowHeight; + max-height: $windowHeight; + + overflow-y: scroll; overflow-wrap: break-word; + overflow-x: hidden; + white-space: pre-wrap; + + display: inline-block; + a { color: #0000ff; } h1 { font-size: 20px; font-weight: 700; - margin: 5px 0 5px 0; + margin: 12px 0 8px 0; } h2 { font-size: 18px; font-weight: 700; - margin: 25px 0 5px 0; + margin: 12px 0 6px 0; } em { font-style: italic; } blockquote { padding: 0 0 0 15px; - margin: 15px 5px; + margin: 5px 5px; border-left: 8px solid #000000; } strong { @@ -60,37 +71,38 @@ border-left: 0; } ul { - margin: 0 0 15px 30px; + list-style: square; + margin: 0 0 10px 15px; li { - padding: 5px; + white-space: normal; + text-align: left; + margin: 3px 0; ul { - margin: 10px 0 0 15px; li { - padding: 5px; } } } } ol { - list-style: decimal-leading-zero; - margin: 0 0 15px 30px; + // list-style: decimal-leading-zero; + // margin: 0 0 15px 30px; li { - padding: 5px; + // padding: 5px; ul { - margin: 10px 0 0 15px; + // margin: 10px 0 0 15px; li { - padding: 5px; + // padding: 5px; } } } } - table, - th, - td { - border: 1px solid #222222; - padding: 2px; - } - pre { - margin-bottom: 15px; - } + // table, + // th, + // td { + // // border: 1px solid #222222; + // // padding: 2px; + // } + // pre { + // // margin-bottom: 15px; + // } } \ No newline at end of file diff --git a/_sass/_variables.scss b/_sass/_variables.scss new file mode 100644 index 000000000..0af773916 --- /dev/null +++ b/_sass/_variables.scss @@ -0,0 +1,2 @@ +$windowHeight: 300px; +$contentHeight: 96vh; \ No newline at end of file diff --git a/_sass/_window.scss b/_sass/_window.scss index 8d576203b..27c831ea0 100644 --- a/_sass/_window.scss +++ b/_sass/_window.scss @@ -22,7 +22,103 @@ } } -.content>.window_title { +#wrapper, +#content { + width: 800px; + margin: auto; + margin-top: 20px; + background: #bfb8bf; + border: 2px solid; + border-color: #fff8ff #000000 #000000 #fff8ff; + padding: 2px 0; +} + +#content { + max-height: $contentHeight; + min-height: $contentHeight; + display: flex; + flex-direction: column; + margin-bottom: 2vh; +} + +#content>.post_content { + flex-grow: 1; + width: 98.5%; + padding: 2px; + margin: 0 auto; + overflow-y: scroll; + overflow-x: hidden; + p { + line-height: 150%; + margin-bottom: 15px; + } + a { + color: #0000ff; + margin-bottom: 15px; + } + h1 { + font-size: 20px; + font-weight: 700; + margin: 50px 0 10px 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 { + list-style: square; + 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; + } +} + +#content>.window_title { h1 { display: inline-block; } diff --git a/assets/css/styles.scss b/assets/css/styles.scss index a996e2fa5..121b1e5ff 100644 --- a/assets/css/styles.scss +++ b/assets/css/styles.scss @@ -1,7 +1,7 @@ --- # this ensures Jekyll reads the file to be transformed into CSS later --- - +@import "variables"; @import "reset"; @import "window"; @import "topbar"; @@ -13,17 +13,7 @@ body { font-size: 13px; } -.wrapper, .content { - width: 800px; - margin: auto; - margin-top: 20px; - background: #bfb8bf; - border: 2px solid; - border-color: #fff8ff #000000 #000000 #fff8ff; - padding: 2px 0; -} - -.post_list, .tag_list, .post_content { +.post_list, .tag_list, .post_content, .intro { background: #fff8ff; border-width: 2px; border-style: ridge groove groove ridge; @@ -32,8 +22,8 @@ body { .tag_list { width: 28%; margin: 0 auto; - min-height: 150px; - max-height: 150px; + min-height: $windowHeight; + max-height: $windowHeight; overflow-y: scroll; display: inline-block; @@ -88,100 +78,7 @@ body { margin-right: 2px; } } -.post_content { - position: relative; - width: 98.5%; - min-height: 600px; - max-height: 600px; - padding: 2px; - margin: 0 auto; - overflow-y: scroll; - // overflow-x: scroll; - - p { - line-height: 150%; - margin-bottom: 15px; - } - - a { - color: #0000ff; - margin-bottom: 15px; - } - - h1 { - font-size: 20px; - font-weight: 700; - margin: 50px 0 10px 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 { - list-style: square; - 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; - } -} .hljs { background: #fff8ff; } @@ -198,12 +95,12 @@ body { } } @media only screen and (max-width: 900px) { - .content { + #content { width: 90%; } } @media only screen and (max-width: 700px) { - .content { + #content { width: 90%; } .post_content { @@ -216,7 +113,7 @@ body { } } @media only screen and (max-width: 810px) { - .wrapper { + #wrapper { width: 90%; } .post_total { @@ -233,7 +130,7 @@ body { .tag_list { width: 99%; } - .post_list { + .post_list, .intro { width: 99%; float: left; } @@ -251,7 +148,7 @@ body { .tag_list { width: 98.7%; } - .post_list { + .post_list, .intro { width: 98.7%; float: left; } diff --git a/docs/2017/08/31/lorem-ipsum.html b/docs/2017/08/31/lorem-ipsum.html index 037cb9c4c..df5ade1d9 100644 --- a/docs/2017/08/31/lorem-ipsum.html +++ b/docs/2017/08/31/lorem-ipsum.html @@ -16,7 +16,7 @@ -
    +
    @@ -41,43 +41,45 @@

    Jekyll Win95 Theme

    +
    - +
    +
    -
    2 object(s)
    +
    2 post(s)
     
    -
    +

    Lorem Ipsum

    -
    +
    diff --git a/docs/2017/09/16/markdown-test-page.html b/docs/2017/09/16/markdown-test-page.html index 60a8a1088..fcaca95b7 100644 --- a/docs/2017/09/16/markdown-test-page.html +++ b/docs/2017/09/16/markdown-test-page.html @@ -16,7 +16,7 @@ -
    +
    @@ -41,43 +41,45 @@

    Jekyll Win95 Theme

    +
    - +
    +
    -
    2 object(s)
    +
    2 post(s)
     
    -
    +

    Markdown Test Page

    -
    +
    @@ -273,28 +275,28 @@

    Code

    Inline code

    -

    Ad amet irure est magna id mollit Lorem in do duis enim. Excepteur velit nisi magna ea pariatur pariatur ullamco fugiat deserunt sint non sint. Duis duis est code in text velit velit aute culpa ex quis pariatur pariatur laborum aute pariatur duis tempor sunt ad. Irure magna voluptate dolore consectetur consectetur irure esse. Anim magna <strong>in culpa qui officia</strong> dolor eiusmod esse amet aute cupidatat aliqua do id voluptate cupidatat reprehenderit amet labore deserunt.

    +

    Ad amet irure est magna id mollit Lorem in do duis enim. Excepteur velit nisi magna ea pariatur pariatur ullamco fugiat deserunt sint non sint. Duis duis est code in text velit velit aute culpa ex quis pariatur pariatur laborum aute pariatur duis tempor sunt ad. Irure magna voluptate dolore consectetur consectetur irure esse. Anim magna <strong>in culpa qui officia</strong> dolor eiusmod esse amet aute cupidatat aliqua do id voluptate cupidatat reprehenderit amet labore deserunt.

    Highlighted

    Et fugiat ad nisi amet magna labore do cillum fugiat occaecat cillum Lorem proident. In sint dolor ullamco ad do adipisicing amet id excepteur Lorem aliquip sit irure veniam laborum duis cillum. Aliqua occaecat minim cillum deserunt magna sunt laboris do do irure ea nostrud consequat ut voluptate ex.

    -
    package main
+
    package main
 
-import (
-    "fmt"
-    "net/http"
-)
+import (
+    "fmt"
+    "net/http"
+)
 
-func handler(w http.ResponseWriter, r *http.Request) {
-    fmt.Fprintf(w, "Hi there, I love %s!", r.URL.Path[1:])
-}
+func handler(w http.ResponseWriter, r *http.Request) {
+    fmt.Fprintf(w, "Hi there, I love %s!", r.URL.Path[1:])
+}
 
-func main() {
-    http.HandleFunc("/", handler)
-    http.ListenAndServe(":8080", nil)
-}
-
    
+func main() {
+    http.HandleFunc("/", handler)
+    http.ListenAndServe(":8080", nil)
+}
+

    Ex amet id ex aliquip id do laborum excepteur exercitation elit sint commodo occaecat nostrud est. Nostrud pariatur esse veniam laborum non sint magna sit laboris minim in id. Aliqua pariatur pariatur excepteur adipisicing irure culpa consequat commodo et ex id ad.

    @@ -306,7 +308,7 @@

    Inline elements

    Super wide

    -

    Proident sit veniam in est proident officia adipisicing ea tempor cillum non cillum velit deserunt. Voluptate laborum incididunt sit consectetur Lorem irure incididunt voluptate nostrud. Commodo ut eiusmod tempor cupidatat esse enim minim ex anim consequat. Mollit sint culpa qui laboris quis consectetur ad sint esse. Amet anim anim minim ullamco et duis non irure. Sit tempor adipisicing ea laboris culpa ex duis sint anim aute reprehenderit id eu ea. Aute excepteur proident Lorem minim adipisicing nostrud mollit ad ut voluptate do nulla esse occaecat aliqua sint anim.

    +

    Proident sit veniam in est proident officia adipisicing ea tempor cillum non cillum velit deserunt. Voluptate laborum incididunt sit consectetur Lorem irure incididunt voluptate nostrud. Commodo ut eiusmod tempor cupidatat esse enim minim ex anim consequat. Mollit sint culpa qui laboris quis consectetur ad sint esse. Amet anim anim minim ullamco et duis non irure. Sit tempor adipisicing ea laboris culpa ex duis sint anim aute reprehenderit id eu ea. Aute excepteur proident Lorem minim adipisicing nostrud mollit ad ut voluptate do nulla esse occaecat aliqua sint anim.

    Not so big

    diff --git a/docs/404.html b/docs/404.html index 8f9779886..f862fe5f5 100644 --- a/docs/404.html +++ b/docs/404.html @@ -16,7 +16,7 @@ -
    +
    @@ -41,45 +41,47 @@

    Jekyll Win95 Theme

    +
    - +
    +
    -
    2 object(s)
    +
    2 post(s)
     
    -
    +

    404...

    -
    +
    diff --git a/docs/all/index.html b/docs/all/index.html index df8f7ba82..089911a3e 100644 --- a/docs/all/index.html +++ b/docs/all/index.html @@ -16,7 +16,7 @@ -
    +
    @@ -41,37 +41,43 @@

    Jekyll Win95 Theme

    +
    - -
    -
    +
    -
    2 object(s)
    +
    2 post(s)
     
    diff --git a/docs/assets/css/styles.css b/docs/assets/css/styles.css index ca56e04a2..d52e5144b 100644 --- a/docs/assets/css/styles.css +++ b/docs/assets/css/styles.css @@ -1 +1 @@ -html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.window>.window_title{background:#808080}.window:hover>.window_title{background:#00007f}.window_title{padding:3px 4px 3px 4px;position:relative}.window_title h1{color:#bfb8bf;font-size:14px;font-weight:bold}.window_title img{float:left;width:14px;height:14px;margin:0 4px 0 0}.content>.window_title h1{display:inline-block}.content>.window_title a{color:#000000}.content>.window_title .btn{background:#cccccc;width:13px;height:11px;float:right;border:2px solid;border-color:#fff8ff #000000 #000000 #fff8ff}.content>.window_title .btn span{font-size:11px;position:relative;left:2px;top:-2px}.content>.window_title .btn .fa-window-minimize{font-size:10px;left:1px}.content>.window_title .btn .fa-window-maximize{font-size:10px;left:1px}.content>.window_title .btn_max{margin:0 3px 0 0}.content>.window_title .btn:active{width:12px;height:10px}ul.topbar{list-style:none;padding:0 5px;margin:3px 0 3px 0}ul.topbar li{display:inline-block;margin:0 10px 0 0}ul.topbar a{text-decoration:none;color:#000000}ul.topbar li::first-letter{text-decoration:underline}.post_list{width:70.2%;margin:0 auto;min-height:150px;max-height:150px;overflow-y:scroll;display:inline-block}.post_list ul{list-style:none}.post_list ul li{display:inline-block;margin:10px;max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.post_list ul li img{display:block;margin:0 auto;margin-bottom:8px}.post_list ul li a{text-decoration:none;color:#000000}.post_list>.intro{margin:4px 2px 2px 2px;overflow-wrap:break-word}.post_list>.intro a{color:#0000ff}.post_list>.intro h1{font-size:20px;font-weight:700;margin:5px 0 5px 0}.post_list>.intro h2{font-size:18px;font-weight:700;margin:25px 0 5px 0}.post_list>.intro em{font-style:italic}.post_list>.intro blockquote{padding:0 0 0 15px;margin:15px 5px;border-left:8px solid #000000}.post_list>.intro strong{font-weight:700}.post_list>.intro hr{border-top:3px solid #333333;border-left:0}.post_list>.intro ul{margin:0 0 15px 30px}.post_list>.intro ul li{padding:5px}.post_list>.intro ul li ul{margin:10px 0 0 15px}.post_list>.intro ul li ul li{padding:5px}.post_list>.intro ol{list-style:decimal-leading-zero;margin:0 0 15px 30px}.post_list>.intro ol li{padding:5px}.post_list>.intro ol li ul{margin:10px 0 0 15px}.post_list>.intro ol li ul li{padding:5px}.post_list>.intro table,.post_list>.intro th,.post_list>.intro td{border:1px solid #222222;padding:2px}.post_list>.intro pre{margin-bottom:15px}body{background:#008082;font-family:sans-serif, serif, monospace;font-size:13px}.wrapper,.content{width:800px;margin:auto;margin-top:20px;background:#bfb8bf;border:2px solid;border-color:#fff8ff #000000 #000000 #fff8ff;padding:2px 0}.post_list,.tag_list,.post_content{background:#fff8ff;border-width:2px;border-style:ridge groove groove ridge;border-color:#7f787f #fff8ff #fff8ff #7f787f}.tag_list{width:28%;margin:0 auto;min-height:150px;max-height:150px;overflow-y:scroll;display:inline-block}.tag_list img{height:16px;width:16px;margin:-2px 5px}.tag_list a{text-decoration:none;color:#000000}.tag_list ul li{max-width:27ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tag-list{background:transparent url("/jekyll-theme-windows95/assets/img/pixel-alt.png") repeat-y 15px 0}#tag-list li{padding:0 0 0 2px}#tag-list li a{background:#fff8ff;display:block}#tag-list li ul li{background:transparent url("/jekyll-theme-windows95/assets/img/pixel-alt.png") repeat-x 0 8px;margin:4px 0 4px 13px;padding:0 0 0 20px}.post_total .left,.post_total .right{border:1px solid;border-color:#888888 #dadada #dadada #888888;display:inline-block;padding:1px 3px}.post_total .left{width:33%;margin-left:2px}.post_total .right{width:64%;margin-right:2px}.post_content{position:relative;width:98.5%;min-height:600px;max-height:600px;padding:2px;margin:0 auto;overflow-y:scroll}.post_content p{line-height:150%;margin-bottom:15px}.post_content a{color:#0000ff;margin-bottom:15px}.post_content h1{font-size:20px;font-weight:700;margin:50px 0 10px 0}.post_content h2{font-size:18px;font-weight:700;margin:25px 0 5px 0}.post_content em{font-style:italic}.post_content blockquote{padding:0 0 0 15px;margin:15px 5px;border-left:8px solid #000000}.post_content strong{font-weight:700}.post_content hr{border-top:3px solid #333333;border-left:0}.post_content ul{list-style:square;margin:0 0 15px 30px}.post_content ul li{padding:5px}.post_content ul li ul{margin:10px 0 0 15px}.post_content ul li ul li{padding:5px}.post_content ol{list-style:decimal-leading-zero;margin:0 0 15px 30px}.post_content ol li{padding:5px}.post_content ol li ul{margin:10px 0 0 15px}.post_content ol li ul li{padding:5px}.post_content table,.post_content th,.post_content td{border:1px solid #222222;padding:2px}.post_content pre{margin-bottom:15px}.hljs{background:#fff8ff}.footer{font-size:12px;margin:30px 0 10px 0}.footer p{text-align:center}.footer p a{color:#24244a}@media only screen and (max-width: 900px){.content{width:90%}}@media only screen and (max-width: 700px){.content{width:90%}.post_content{width:98%}}@media only screen and (max-width: 400px){.post_content{width:97%}}@media only screen and (max-width: 810px){.wrapper{width:90%}.post_total .left{width:37%}.post_total .right{float:right;width:60%}}@media only screen and (max-width: 750px){.tag_list{width:99%}.post_list{width:99%;float:left}.post_total .left{width:36%}.post_total .right{float:right;width:60%}}@media only screen and (max-width: 610px){.tag_list{width:98.7%}.post_list{width:98.7%;float:left}.post_total .left{width:35.7%}}@media only screen and (max-width: 520px){.post_total .left{width:34.5%}}@media only screen and (max-width: 410px){.post_total .left{width:34%}}@media only screen and (max-width: 375px){.post_total .left{width:33%}}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background-image:url("/jekyll-theme-windows95/assets/img/track.png");background-repeat:repeat-x repeat-y}::-webkit-scrollbar-thumb{background-color:#cccccc;border-width:2px;border-style:groove ridge ridge groove;border-color:#fff8ff #000000 #000000 #fff8ff}::-webkit-scrollbar-button{background-color:#cccccc;border-width:2px;border-style:groove ridge ridge groove;border-color:#fff8ff #000000 #000000 #fff8ff;background-position:center center;background-repeat:no-repeat}::-webkit-scrollbar-button:vertical:decrement{background-image:url("/jekyll-theme-windows95/assets/img/up.png")}::-webkit-scrollbar-button:vertical:increment{background-image:url("/jekyll-theme-windows95/assets/img/down.png")}::-webkit-scrollbar-button:horizontal:decrement{background-image:url("/jekyll-theme-windows95/%20/assets/img/left.png")}::-webkit-scrollbar-button:horizontal:increment{background-image:url("/jekyll-theme-windows95/assets/img/right.png")}::-webkit-scrollbar-button:active{background-position:1px 2px}::-webkit-scrollbar-corner{background-color:#cacaca} +html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.window>.window_title{background:#808080}.window:hover>.window_title{background:#00007f}.window_title{padding:3px 4px 3px 4px;position:relative}.window_title h1{color:#bfb8bf;font-size:14px;font-weight:bold}.window_title img{float:left;width:14px;height:14px;margin:0 4px 0 0}#wrapper,#content{width:800px;margin:auto;margin-top:20px;background:#bfb8bf;border:2px solid;border-color:#fff8ff #000000 #000000 #fff8ff;padding:2px 0}#content{max-height:96vh;min-height:96vh;display:flex;flex-direction:column;margin-bottom:2vh}#content>.post_content{flex-grow:1;width:98.5%;padding:2px;margin:0 auto;overflow-y:scroll;overflow-x:hidden}#content>.post_content p{line-height:150%;margin-bottom:15px}#content>.post_content a{color:#0000ff;margin-bottom:15px}#content>.post_content h1{font-size:20px;font-weight:700;margin:50px 0 10px 0}#content>.post_content h2{font-size:18px;font-weight:700;margin:25px 0 5px 0}#content>.post_content em{font-style:italic}#content>.post_content blockquote{padding:0 0 0 15px;margin:15px 5px;border-left:8px solid #000000}#content>.post_content strong{font-weight:700}#content>.post_content hr{border-top:3px solid #333333;border-left:0}#content>.post_content ul{list-style:square;margin:0 0 15px 30px}#content>.post_content ul li{padding:5px}#content>.post_content ul li ul{margin:10px 0 0 15px}#content>.post_content ul li ul li{padding:5px}#content>.post_content ol{list-style:decimal-leading-zero;margin:0 0 15px 30px}#content>.post_content ol li{padding:5px}#content>.post_content ol li ul{margin:10px 0 0 15px}#content>.post_content ol li ul li{padding:5px}#content>.post_content table,#content>.post_content th,#content>.post_content td{border:1px solid #222222;padding:2px}#content>.post_content pre{margin-bottom:15px}#content>.window_title h1{display:inline-block}#content>.window_title a{color:#000000}#content>.window_title .btn{background:#cccccc;width:13px;height:11px;float:right;border:2px solid;border-color:#fff8ff #000000 #000000 #fff8ff}#content>.window_title .btn span{font-size:11px;position:relative;left:2px;top:-2px}#content>.window_title .btn .fa-window-minimize{font-size:10px;left:1px}#content>.window_title .btn .fa-window-maximize{font-size:10px;left:1px}#content>.window_title .btn_max{margin:0 3px 0 0}#content>.window_title .btn:active{width:12px;height:10px}ul.topbar{list-style:none;padding:0 5px;margin:3px 0 3px 0}ul.topbar li{display:inline-block;margin:0 10px 0 0}ul.topbar a{text-decoration:none;color:#000000}ul.topbar li::first-letter{text-decoration:underline}.post_list{width:70.2%;margin:0 auto;min-height:300px;max-height:300px;overflow-y:scroll;display:inline-block}.post_list ul{list-style:none}.post_list ul li{display:inline-block;margin:10px;max-width:12em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.post_list ul li img{display:block;margin:0 auto;margin-bottom:8px}.post_list ul li a{text-decoration:none;color:#000000}.intro{width:70%;margin:0 auto;padding-left:4px;min-height:300px;max-height:300px;overflow-y:scroll;overflow-wrap:break-word;overflow-x:hidden;white-space:pre-wrap;display:inline-block}.intro a{color:#0000ff}.intro h1{font-size:20px;font-weight:700;margin:12px 0 8px 0}.intro h2{font-size:18px;font-weight:700;margin:12px 0 6px 0}.intro em{font-style:italic}.intro blockquote{padding:0 0 0 15px;margin:5px 5px;border-left:8px solid #000000}.intro strong{font-weight:700}.intro hr{border-top:3px solid #333333;border-left:0}.intro ul{list-style:square;margin:0 0 10px 15px}.intro ul li{white-space:normal;text-align:left;margin:3px 0}body{background:#008082;font-family:sans-serif, serif, monospace;font-size:13px}.post_list,.tag_list,.post_content,.intro{background:#fff8ff;border-width:2px;border-style:ridge groove groove ridge;border-color:#7f787f #fff8ff #fff8ff #7f787f}.tag_list{width:28%;margin:0 auto;min-height:300px;max-height:300px;overflow-y:scroll;display:inline-block}.tag_list img{height:16px;width:16px;margin:-2px 5px}.tag_list a{text-decoration:none;color:#000000}.tag_list ul li{max-width:27ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tag-list{background:transparent url("/jekyll-theme-windows95/assets/img/pixel-alt.png") repeat-y 15px 0}#tag-list li{padding:0 0 0 2px}#tag-list li a{background:#fff8ff;display:block}#tag-list li ul li{background:transparent url("/jekyll-theme-windows95/assets/img/pixel-alt.png") repeat-x 0 8px;margin:4px 0 4px 13px;padding:0 0 0 20px}.post_total .left,.post_total .right{border:1px solid;border-color:#888888 #dadada #dadada #888888;display:inline-block;padding:1px 3px}.post_total .left{width:33%;margin-left:2px}.post_total .right{width:64%;margin-right:2px}.hljs{background:#fff8ff}.footer{font-size:12px;margin:30px 0 10px 0}.footer p{text-align:center}.footer p a{color:#24244a}@media only screen and (max-width: 900px){#content{width:90%}}@media only screen and (max-width: 700px){#content{width:90%}.post_content{width:98%}}@media only screen and (max-width: 400px){.post_content{width:97%}}@media only screen and (max-width: 810px){#wrapper{width:90%}.post_total .left{width:37%}.post_total .right{float:right;width:60%}}@media only screen and (max-width: 750px){.tag_list{width:99%}.post_list,.intro{width:99%;float:left}.post_total .left{width:36%}.post_total .right{float:right;width:60%}}@media only screen and (max-width: 610px){.tag_list{width:98.7%}.post_list,.intro{width:98.7%;float:left}.post_total .left{width:35.7%}}@media only screen and (max-width: 520px){.post_total .left{width:34.5%}}@media only screen and (max-width: 410px){.post_total .left{width:34%}}@media only screen and (max-width: 375px){.post_total .left{width:33%}}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background-image:url("/jekyll-theme-windows95/assets/img/track.png");background-repeat:repeat-x repeat-y}::-webkit-scrollbar-thumb{background-color:#cccccc;border-width:2px;border-style:groove ridge ridge groove;border-color:#fff8ff #000000 #000000 #fff8ff}::-webkit-scrollbar-button{background-color:#cccccc;border-width:2px;border-style:groove ridge ridge groove;border-color:#fff8ff #000000 #000000 #fff8ff;background-position:center center;background-repeat:no-repeat}::-webkit-scrollbar-button:vertical:decrement{background-image:url("/jekyll-theme-windows95/assets/img/up.png")}::-webkit-scrollbar-button:vertical:increment{background-image:url("/jekyll-theme-windows95/assets/img/down.png")}::-webkit-scrollbar-button:horizontal:decrement{background-image:url("/jekyll-theme-windows95/%20/assets/img/left.png")}::-webkit-scrollbar-button:horizontal:increment{background-image:url("/jekyll-theme-windows95/assets/img/right.png")}::-webkit-scrollbar-button:active{background-position:1px 2px}::-webkit-scrollbar-corner{background-color:#cacaca} diff --git a/docs/index.html b/docs/index.html index 8e4f4d30b..4f81d66d9 100644 --- a/docs/index.html +++ b/docs/index.html @@ -16,7 +16,7 @@ -
    +
    @@ -41,51 +41,50 @@

    Jekyll Win95 Theme

    -
    - - -
    -

    Aquis sed quam Heliadum pictis pater miracula

    - -

    Tota olorinis

    - -

    Lorem markdownum fila: admoneo primo. Dea toto amabam de si utilis quoque -sacrasque sepulcrum globos numquam sed.

    - -

    Tenebat ut sacris inque poenas

    - -

    Per est corpora adsensit tu et Lyncus thalamos ferunt Veneri? Sua cumque, -adspergit e spemque parentis manibus et atque victus dat. Clarissima animae -furialibus incerti, pavet tamquam, orbi dum vim percusserat ramum. Et -ferae somnia et Circes pennis.

    + +
    +

    jekyll-theme-windows95

    +
    +

    This is a Jekyll theme inpired on the oldschool Windows 95 UI.

    +

    Usage

      -
    • Et potest vitiumque formae
      • -
    • Clarum sine aethere non velocia nondum tibi
      • -
    • Per cuiquam quae
      • -
    • Habet ut dubitas niveo est quae occurrunt
      • +
    • Create an index.(html|md) file with this front matter: + 
       ---
+ layout: default
+ intro: true
+ ---
+
      +
      • +
    • For every tag you want to use, create a HTML file in /tags, following this template: + 
       ---
+ layout: tag
+ tag: [tag name]
+ permalink: /tag/[name in url slug form]/
+ ---
+
      +

      You can then use it on your YAML front matter in your posts.

      +
    -
    - - -
    +
    +
    -
    2 object(s)
    +
    2 post(s)
     
    diff --git a/docs/tag/society/index.html b/docs/tag/society/index.html index ebc673b7a..6bf367aa0 100644 --- a/docs/tag/society/index.html +++ b/docs/tag/society/index.html @@ -16,7 +16,7 @@ -
    +
    @@ -41,35 +41,38 @@

    Jekyll Win95 Theme - society

    +
    - -
    -
    +
    -
    1 object(s)
    +
    1 post(s)
     
    diff --git a/docs/tag/tech/index.html b/docs/tag/tech/index.html index 7529b618a..57949b2c7 100644 --- a/docs/tag/tech/index.html +++ b/docs/tag/tech/index.html @@ -16,7 +16,7 @@ -
    +
    @@ -41,35 +41,38 @@

    Jekyll Win95 Theme - tech

    +
    - -
    -
    +
    -
    1 object(s)
    +
    1 post(s)
     
    diff --git a/index.md b/index.md index 6807e281c..38de1640f 100644 --- a/index.md +++ b/index.md @@ -2,21 +2,24 @@ layout: default intro: true --- -# Aquis sed quam Heliadum pictis pater miracula - -## Tota olorinis - -Lorem markdownum fila: admoneo primo. Dea toto amabam de si utilis quoque -sacrasque sepulcrum globos numquam sed. - -## Tenebat ut sacris inque poenas - -Per est corpora adsensit tu et Lyncus thalamos ferunt Veneri? Sua cumque, -adspergit e spemque parentis manibus et atque victus dat. Clarissima [animae -furialibus incerti](#aliorum), pavet tamquam, orbi dum vim percusserat ramum. Et -ferae somnia et Circes pennis. +# jekyll-theme-windows95 +--- +This is a [Jekyll](https://jekyllrb.com/) theme inpired on the oldschool Windows 95 UI. -- Et potest vitiumque formae -- Clarum sine aethere non velocia nondum tibi -- Per cuiquam quae -- Habet ut dubitas niveo est quae occurrunt \ No newline at end of file +## Usage +* Create an index.(html|md) file with this front matter: + ``` + --- + layout: default + intro: true + --- + ``` +* For every tag you want to use, create a HTML file in /tags, following this template: + ``` + --- + layout: tag + tag: [tag name] + permalink: /tag/[name in url slug form]/ + --- + ``` + You can then use it on your YAML front matter in your posts. \ No newline at end of file diff --git a/tags/all.html b/tags/all.html index 8bc80e5ea..967fd6046 100644 --- a/tags/all.html +++ b/tags/all.html @@ -6,7 +6,7 @@