From 090561959deb172d801b4bd6216f7f120650da23 Mon Sep 17 00:00:00 2001 From: Emil Miler Date: Sat, 31 Jul 2021 21:50:41 +0200 Subject: [PATCH] =?UTF-8?q?Sekce=20se=20seznamem=20u=C4=8Ditel=C5=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- templates/main.css | 35 +++++++++++++++++++++++- templates/main.html | 65 ++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 98 insertions(+), 2 deletions(-) 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.

+