diff --git a/README.md b/README.md index 26da950..6c34a0a 100644 --- a/README.md +++ b/README.md @@ -86,3 +86,14 @@ Adblocker easyfilter has some filter on “plausible.js” string, especially if - `static/js/pdf.js` - `static/js/pdf.worker.js` +### Layout & CSS + +#### Homepage `layout/index.html` + +Homepage splited into two main section, Greetings section and Recent Post section. Both of the section is wrapped using `inf-border` class to give them borders. The Greetings section now has subsection of important links which is paritally loaded from custom layout of `icon-links.html`. + +The Recent Posts section is managed by `inf-patterns-list` class, using html table instead of html lists format. + + + + diff --git a/assets/css/template-styles.css b/assets/css/template-styles.css index 4bcac59..fa539f8 100644 --- a/assets/css/template-styles.css +++ b/assets/css/template-styles.css @@ -442,6 +442,22 @@ caption { margin-top: 0.5rem; } + +/* Infidel borders */ +.inf-border { + font-size: 1rem; + border: 2px solid; + padding: 1.5rem; + box-shadow: 5px 10px; +} +.inf-border nav { + margin-top: 1rem; +} +.inf-border ol { + margin-left: 0.75rem; + margin-top: 0.5rem; +} + /* Disqus Comments */ #disqus-container { text-align: center; @@ -454,6 +470,62 @@ caption { display: none; } +/* infidel Pattern lists */ +.inf-patterns-list { + list-style: none; + margin-left: 0; +} +.inf-patterns-list h2 { + font-size: 1.0; + line-height: 1.6; +} + +.inf-patterns-list span { + font-size: 1.0; + line-height: 1.6; +} + +.inf-patterns-list li + li { + margin-top: 1rem; + padding-top: 1rem; + border-top: 2px solid; +} +.inf-patterns-list a { + border-bottom: none !important; +} + +.inf-patterns-list table,th,td { + + border: none !important; +} + +.inf-patterns-list table,tr:first-child { + + border: none !important; +} + + +.inf-patterns-list table,tr { + + border-top: 2px solid !important; +} + +.inf-patterns-list th, td:first-child { + margin-top: 1rem; + padding-top: 1rem; + text-align: left; +} + +.inf-patterns-list th, td { + margin-top: 1rem; + padding-top: 1rem; + text-align: right; +} + +.inf-patterns-list td, a { + border-bottom: none !important; +} + /* Pattern lists */ .patterns-list { list-style: none; @@ -898,6 +970,12 @@ h1 svg { /* Media queries */ @media screen and (max-width: 45em) { + /* Infidel Customs for mobile screen */ + + .inf-td-hide { + display: none; + } + body a { hyphens: auto; } diff --git a/layouts/.index.html.swp b/layouts/.index.html.swp new file mode 100644 index 0000000..a488590 Binary files /dev/null and b/layouts/.index.html.swp differ diff --git a/layouts/index.html b/layouts/index.html index ecd5d7d..8848bdd 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,6 +1,36 @@ {{ define "main" }}
-

{{ .Title }}

- {{ .Content }} + + + +
{{ end }} diff --git a/layouts/partials/.icon-links.html.swp b/layouts/partials/.icon-links.html.swp new file mode 100644 index 0000000..04aeb51 Binary files /dev/null and b/layouts/partials/.icon-links.html.swp differ diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 88a6e6c..f5846cf 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -16,6 +16,11 @@ {{ end }} + + + + + diff --git a/layouts/partials/icon-links.html b/layouts/partials/icon-links.html new file mode 100644 index 0000000..a0a8877 --- /dev/null +++ b/layouts/partials/icon-links.html @@ -0,0 +1,14 @@ +
+ +