initial version

3 files changed, 190 insertions, 0 deletions

diff --git a/themes/fredo/assets/Iwona-Regular.otf b/themes/fredo/assets/Iwona-Regular.otf
new file mode 100644
index 0000000..418a664
--- /dev/null
+++ b/themes/fredo/assets/Iwona-Regular.otf
diff --git a/themes/fredo/assets/favicon.png b/themes/fredo/assets/favicon.png
new file mode 100644
index 0000000..c17b537
--- /dev/null
+++ b/themes/fredo/assets/favicon.png
diff --git a/themes/fredo/assets/style.css b/themes/fredo/assets/style.css
new file mode 100644
index 0000000..2238f88
--- /dev/null
+++ b/themes/fredo/assets/style.css
@@ -0,0 +1,190 @@
+@font-face {
+  font-family: 'Iwona';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: local('Iwona-Regular'), url('Iwona-Regular.otf'), format('opentype');
+}
+
+body {
+	 height: 100%;
+	 max-height: 100%;
+	 font-family: "Iwona";
+/*	 letter-spacing: 0.01rem;
+	 font-size: 1.8rem;
+	 line-height: 1.75em;
+	 margin: 0;*/
+}
+
+#logo {
+	float: left;
+}
+
+#nav {
+    margin-left: 52px;
+	margin-top: 0.5rem;
+}
+
+.navlink {
+	margin: 0.3rem;
+}
+
+.navlink.active {
+	background-color: aquamarine;
+}
+
+
+#topbar {
+	display: inline-block;
+}
+
+
+/* Every post, on every page, gets this style on its <article> tag */
+.post {
+	 /*position: relative;*/
+	 width: 95%;
+	 max-width: 710px;
+	 margin: 1rem;
+     margin-left:3rem;
+	 padding-bottom: 1rem;
+	 border-bottom: #000 2px solid;
+	 word-wrap: break-word;
+     display: inline-block;
+}
+
+.post-title a {
+	 text-decoration: none;
+     font-size: 1.5rem;
+}
+.post-excerpt p {
+	 font-size: 0.9em;
+	 line-height: 1.7em;
+     margin-block-start: 0rem;
+     margin-block-end: 0rem;
+}
+.read-more {
+	 text-decoration: none;
+}
+.post-meta {
+	 display: block;
+	 margin: 2rem 0 0 0;
+	 font-size: 1.5rem;
+}
+.post-meta a {
+	 text-decoration: none;
+}
+.post-date {
+	 display: inline-block;
+	 white-space: nowrap;
+    margin-block-start: 0rem;
+    margin-block-end: 0rem;
+}
+
+.post-date p{
+    margin-block-start: 0rem;
+    margin-block-end: 0rem;
+}
+.publish-meta {
+	 position: absolute;
+	 top: 0;
+	 right: 0;
+	 padding: 4.3rem 0 4rem 0;
+	 text-align: right;
+}
+.publish-heading {
+	 display: block;
+	 font-weight: 700;
+}
+.publish-date {
+	 display: block;
+	 font-size: 1.4rem;
+	 line-height: 1.5em;
+}
+
+.thumb {
+    float: left;
+    width: 240px;
+}
+
+.post-short {
+    margin-left: 250px;
+}
+
+.post-header h2 {
+    font-size: 1.2rem;
+}
+.post-title {
+     margin-block-start: 0rem;
+     margin-block-end: 0rem;
+}
+
+.post-excerpt {
+    margin-top: 0.5rem;
+    margin-block-start: 0rem;
+    margin-block-end: 0rem;
+}
+
+.gallery-photo {
+    max-width: 100%;
+    object-fit: fill;
+}
+
+
+#content {
+    padding: 3em 4em;
+    position: relative;
+}
+
+.full {
+	max-width: 50rem;
+}
+.full img {
+    width: 80%;
+}
+
+.full video {
+	width: 80%;
+}
+
+
+
+@media screen and (max-width: 600px) {
+.thumb {
+	float: none;
+	width: 100%;
+	margin-left: 0rem;
+}
+
+.post {
+	 /*position: relative;*/
+	 width: 95%;
+	 max-width: 710px;
+	 margin: 1rem;
+     margin-left:0rem;
+	 padding-bottom: 1rem;
+	 border-bottom: #000 2px solid;
+	 word-wrap: break-word;
+     display: inline-block;
+}
+
+.post-short {
+    margin-left: 5px;
+}
+
+#content {
+    padding: 0em;
+    position: relative;
+}
+
+.full img {
+    width: 100%;
+}
+
+.full video {
+	width: 100%;
+}
+
+.small-figure {
+	margin: 0rem;
+}
+}
\ No newline at end of file