From 22fcacaecc9f10978f943bb0d3b626868d9a82ee Mon Sep 17 00:00:00 2001
From: Froge <froge@git.repo.cafe>
Date: Sat, 1 Feb 2025 01:12:17 +1000
Subject: [PATCH] Add gitignore and begin styling
---
.gitignore | 1 +
public/main.css | 37 --------------------------------
static/main.css | 52 +++++++++++++++++++++++++++++++++++----------
templates/base.html | 6 ++++++
4 files changed, 48 insertions(+), 48 deletions(-)
create mode 100644 .gitignore
delete mode 100644 public/main.css
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..69edf7a
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+./public
diff --git a/public/main.css b/public/main.css
deleted file mode 100644
index 2c70a51..0000000
--- a/public/main.css
+++ /dev/null
@@ -1,37 +0,0 @@
-body {
- font-family:Open Sans,Arial;
- color:#d9d9d9;
- /*color:#454545;*/
- background-color:#000000;
- font-size:16px;
- margin:0.5em auto;
- max-width:800px;
- padding:1em;
- line-height: 1.4;
- -webkit-hyphens:auto;
- -ms-hyphens:auto;
- hyphens:auto;
- text-align: center;
-}
-
-li {
- margin-top: 1em;
- list-style-type: none;
-}
-
-a {
- color:#00a2e7
-}
-
-a:visited {
- color:#ca1a70;
-}
-
-.blog-post-date {
- margin: 0;
- padding: 0;
-}
-
-#blog-title {
- margin-bottom: 0;
-}
diff --git a/static/main.css b/static/main.css
index 2c70a51..917ea31 100644
--- a/static/main.css
+++ b/static/main.css
@@ -1,17 +1,24 @@
+html {
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+}
+
body {
- font-family:Open Sans,Arial;
- color:#d9d9d9;
- /*color:#454545;*/
- background-color:#000000;
- font-size:16px;
- margin:0.5em auto;
- max-width:800px;
- padding:1em;
+ font-family: Open Sans,Arial;
+ color: #d4d4d4;
+ background-color: #252422;
+ font-size: 16px;
+ margin: 1em auto;
+ max-width: 48em;
+ padding: 1em;
line-height: 1.4;
- -webkit-hyphens:auto;
- -ms-hyphens:auto;
- hyphens:auto;
+ -webkit-hyphens: auto;
+ -ms-hyphens: auto;
+ hyphens: auto;
text-align: center;
+ height: 100%;
+ width: 100%;
}
li {
@@ -35,3 +42,26 @@ a:visited {
#blog-title {
margin-bottom: 0;
}
+
+
+/* Magic frog pool CSS lives here */
+#frog-pool-container {
+ z-index: -1;
+ position: absolute;
+ bottom: 0%;
+ left: 0%;
+ /*transform: translate(-50%, -50%);*/
+ transform: rotate(0deg);
+ background: rgb(37,36,34);
+ background: linear-gradient(-20deg, rgba(37,36,34,1) 25%, rgba(62,34,143,1) 60%, rgba(39,171,198,1) 95%);
+ height: 100%;
+ width: 100%;
+ background-color: blue;
+ overflow: hidden;
+}
+
+.frog-pool-water {
+}
+
+.frog-pool-emoji {
+}
diff --git a/templates/base.html b/templates/base.html
index 73e9ad0..33d54ab 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -8,6 +8,7 @@
<body>
<h1 class="title">Cyberfrog blog</h1>
+ </div>
<main id="main-content">
<h2 class="title">
This is my blog made with Zola!
@@ -17,6 +18,11 @@
{% block content %} {% endblock %}
</div>
</main>
+ <!-- The wonderful frog pool -->
+ <div id="frog-pool-container">
+ <div class="frog-pool-water">
+ </div>
+ </div>
</body>
</html>