diff --git a/templates/main.css b/templates/main.css index 9f7ba7d..c858a60 100644 --- a/templates/main.css +++ b/templates/main.css @@ -40,7 +40,7 @@ section.search input { font-family: "roboto-light"; } -section.filter { margin-bottom: 5em } +section.filter { margin-bottom: 3em } section.filter ul { display: grid; grid-template-columns: repeat(8, 1fr); @@ -71,9 +71,42 @@ section.filter ul li:hover { cursor: pointer; } +section.list { + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-column-gap: 1em; + grid-row-gap: 1em; + + font-size: .8em; +} +section.list .item { + padding: 1.5em; + border: 1px dashed #808080; + border-radius: 10px; +} +section.list .item .head { + display: grid; + grid-template-columns: 1fr 2fr; + grid-column-gap: 1em; + align-items: center; +} +section.list .item .head img { + width: 100%; + border-radius: 1em; +} +section.list .item .head .title { + font-size: 1.2em; + font-weight: bold; + color: #6F6F6F; +} +section.list .item p { + margin-bottom: 0; +} + footer { color: #fff; background-color: #000; + margin-top: 10em; } footer a { color: #fff; diff --git a/templates/main.html b/templates/main.html index cd690e6..1be7fe1 100644 --- a/templates/main.html +++ b/templates/main.html @@ -49,7 +49,70 @@
- list +
+
+ + Ing. Aleksandar Golotvinov, Ph.D. +
+
+

I'd just like to interject for a moment. What you're refering to as Linux, is in fact, GNU/Linux, or as I've recently taken to calling it, GNU plus Linux.

+
+
+
+ + Ing. Aleksandar Golotvinov, Ph.D. +
+
+

I'd just like to interject for a moment. What you're refering to as Linux, is in fact, GNU/Linux, or as I've recently taken to calling it, GNU plus Linux.

+
+
+
+ + Ing. Aleksandar Golotvinov, Ph.D. +
+
+

I'd just like to interject for a moment. What you're refering to as Linux, is in fact, GNU/Linux, or as I've recently taken to calling it, GNU plus Linux.

+
+
+
+ + Ing. Aleksandar Golotvinov, Ph.D. +
+
+

I'd just like to interject for a moment. What you're refering to as Linux, is in fact, GNU/Linux, or as I've recently taken to calling it, GNU plus Linux.

+
+
+
+ + Ing. Aleksandar Golotvinov, Ph.D. +
+
+

I'd just like to interject for a moment. What you're refering to as Linux, is in fact, GNU/Linux, or as I've recently taken to calling it, GNU plus Linux.

+
+
+
+ + Ing. Aleksandar Golotvinov, Ph.D. +
+
+

I'd just like to interject for a moment. What you're refering to as Linux, is in fact, GNU/Linux, or as I've recently taken to calling it, GNU plus Linux.

+
+
+
+ + Ing. Aleksandar Golotvinov, Ph.D. +
+
+

I'd just like to interject for a moment. What you're refering to as Linux, is in fact, GNU/Linux, or as I've recently taken to calling it, GNU plus Linux.

+
+
+
+ + Ing. Aleksandar Golotvinov, Ph.D. +
+
+

I'd just like to interject for a moment. What you're refering to as Linux, is in fact, GNU/Linux, or as I've recently taken to calling it, GNU plus Linux.

+