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 }}
+
+
+
+