From 89df5098607c30d39d0931914921a7059bc1931e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nicol=C3=A1s=20Ortega=20Froysa?= Date: Tue, 5 Oct 2021 19:54:00 +0200 Subject: [PATCH] Updated website style. --- blog/templates/index.html/footer.html | 19 ++-- blog/templates/index.html/header.html | 41 +++---- blog/templates/page/footer.html | 12 +- blog/templates/page/header.html | 35 +----- blog/templates/page/item.html | 2 +- pages/decentralized.cfg | 6 - pages/decentralized.html | 91 --------------- pages/doublesgame.cfg | 6 - pages/doublesgame.html | 34 ------ pages/home.html | 5 +- style.css | 154 +++++++++++++++++++------- templates/page/footer.html | 16 +-- templates/page/header.html | 27 ++--- templates/page/item.html | 8 +- 14 files changed, 177 insertions(+), 279 deletions(-) mode change 100644 => 120000 blog/templates/page/footer.html mode change 100644 => 120000 blog/templates/page/header.html delete mode 100644 pages/decentralized.cfg delete mode 100644 pages/decentralized.html delete mode 100644 pages/doublesgame.cfg delete mode 100644 pages/doublesgame.html diff --git a/blog/templates/index.html/footer.html b/blog/templates/index.html/footer.html index 2efa5b3..288f0b4 100644 --- a/blog/templates/index.html/footer.html +++ b/blog/templates/index.html/footer.html @@ -1,12 +1,15 @@ - - -
+ + + diff --git a/blog/templates/index.html/header.html b/blog/templates/index.html/header.html index e5dabe4..88e4e8a 100644 --- a/blog/templates/index.html/header.html +++ b/blog/templates/index.html/header.html @@ -8,30 +8,31 @@ - Blog - ${sitetitle} + ${title} - ${sitetitle} -
-

The Music in Noise

-

"If there were one million families praying the Rosary every day, the entire world would be saved."
- ✝ Pope Saint Pius X

-
-
-
-
-

Blog

-

Feeds: RSS | Atom

+

The Music in Noise

+ +
+
+

Blog

+
+
+

Feeds

+

RSS | Atom

+ +

Posts

+
    diff --git a/blog/templates/page/footer.html b/blog/templates/page/footer.html deleted file mode 100644 index 3800543..0000000 --- a/blog/templates/page/footer.html +++ /dev/null @@ -1,11 +0,0 @@ -
-
- - - diff --git a/blog/templates/page/footer.html b/blog/templates/page/footer.html new file mode 120000 index 0000000..b84822f --- /dev/null +++ b/blog/templates/page/footer.html @@ -0,0 +1 @@ +../../../templates/page/footer.html \ No newline at end of file diff --git a/blog/templates/page/header.html b/blog/templates/page/header.html deleted file mode 100644 index b6a1dca..0000000 --- a/blog/templates/page/header.html +++ /dev/null @@ -1,34 +0,0 @@ - - - - - - - - - - - ${title} - ${sitetitle} - - - - - -
-

The Music in Noise

-

"If there were one million families praying the Rosary every day, the entire world would be saved."
- ✝ Pope Saint Pius X

-
-
- -
-
diff --git a/blog/templates/page/header.html b/blog/templates/page/header.html new file mode 120000 index 0000000..8d8d74c --- /dev/null +++ b/blog/templates/page/header.html @@ -0,0 +1 @@ +../../../templates/page/header.html \ No newline at end of file diff --git a/blog/templates/page/item.html b/blog/templates/page/item.html index 9dffc56..e7c7812 100644 --- a/blog/templates/page/item.html +++ b/blog/templates/page/item.html @@ -1,3 +1,3 @@ -

${title} - ${created}

+

${title} - ${created}

%{contentfile}

Last updated:

diff --git a/pages/decentralized.cfg b/pages/decentralized.cfg deleted file mode 100644 index 5b1ba63..0000000 --- a/pages/decentralized.cfg +++ /dev/null @@ -1,6 +0,0 @@ -filename = decentralized.html -title = Decentralized -description = List of free software applications that use decentralized networks for client communication. -keywords = decentralization, code, free software, privacy -created = 2020-11-08 -updated = 2020-11-08 diff --git a/pages/decentralized.html b/pages/decentralized.html deleted file mode 100644 index f0d8960..0000000 --- a/pages/decentralized.html +++ /dev/null @@ -1,91 +0,0 @@ -

This page is dedicated to creating a list of decentralized -applications as an alternative to popular centralized ones. What follows -are different types of online tools that we use day-to-day, a -centralized example, and (if existent) a decentralized alternative. If -you have anything to add to this list, please send me a message via any -means available on my contact page. One -requirement is that the technology not only be decentralized, but also - -free software. Some of these examples may be centralized but still -respecting your freedom, these will be marked with the prefix -"[free]".

-

E-Mail

- -

Instant Communications

- -

Internet Routing/DNS

- -

Media Uploading

- -

Social Media

- diff --git a/pages/doublesgame.cfg b/pages/doublesgame.cfg deleted file mode 100644 index 8da5e30..0000000 --- a/pages/doublesgame.cfg +++ /dev/null @@ -1,6 +0,0 @@ -filename = doublesgame.html -title = DoublesGame -description = A game that you can program while waiting for your new distro to install. -keywords = programming, doubles, game -created = 2020-11-08 -updated = 2020-11-08 diff --git a/pages/doublesgame.html b/pages/doublesgame.html deleted file mode 100644 index ea08413..0000000 --- a/pages/doublesgame.html +++ /dev/null @@ -1,34 +0,0 @@ -

DoublesGame is not a game that you download, install, and run, per -se. Rather, it is a game that you write yourself. The idea of the game -is that it is something to do while you're installing an OS and have -time to kill (because the installer is cleaning your hard drive for -encryption, or it's downloading updated packages, or anything else, -really, we know that shit takes forever). The idea of the game is that, -using your favorite editor provided by the image by default (typically -`vi' or `nano') you write using your favorite -language provided by the image by default (you are typically given a C -compiler, an assembler, a bash shell, and a Python interpreter, but if -your image provides something else then that's fair game) a game which -has the following characteristics:

- -

If you would like to add extra rules you may do so, in fact, it is -encouraged in order to make the game last longer.

- -

This game will require that the user at least use conditionals, -loops, variables, and user I/O. There are some examples in multiple -languages in -this repository.

diff --git a/pages/home.html b/pages/home.html index cd0ae6b..ab28016 100644 --- a/pages/home.html +++ b/pages/home.html @@ -1,6 +1,3 @@ -
-

Software Developer & Systems Administrator

-

Who Am I?

I'm a Spanish-American, living in Seville, Spain. I'm fluent in English and Spanish, with a decent proficiency in Portuguese and Esperanto. My interests @@ -53,7 +50,7 @@ clearing of lake access points.

Cryptocurrency

-
Monero (XMR):
+

Monero (XMR):

42espNaUqPdJK4vTir4NDfH4gT6brFR4F5KPRADrg5t98LkzHnQfFnUDZZEetp3Zw5K8V4v364tN3TMxfg4eXEN9RpnrNBG
diff --git a/style.css b/style.css index 242950d..72180c5 100644 --- a/style.css +++ b/style.css @@ -28,32 +28,94 @@ body { background-color: #fdf6e3; color: #45575C; - font-family: serif; } -body { - width: 50%; - margin-left: auto; - margin-right: auto; -} - -header { +.site-title { + font-family: sans-serif; + font-size: 45px; + text-transform: uppercase; text-align: center; } nav { - overflow: hidden; + font-family: sans-serif; + float: none; + width: 90%; + border-style: solid; + border-width: 0 0 5px 0; + padding-bottom: 15px; + margin: 0 auto 0 auto; +} + +nav > ul { + padding-left: 10px; + list-style-type: none; + text-align: center; +} + +nav > ul > li { + display: inline; + font-size: 28px; + margin: 10px; } nav a { - float: left; - display: block; - font-size: 18px; - padding: 4px 8px; - text-align: center; text-decoration: none; } +main { + float: none; + width: 90%; + margin: 0 auto 0 auto; + font-size: 18px; +} + +main h1 { + font-size: 32px; +} + +main h2 { + font-size: 26px; +} + +main h3 { + font-size: 20px; +} + +main p, main blockquote { + text-align: justify; + text-justify: inter-word; +} + +header > h1 { + font-family: sans-serif; + font-size: 38px; + text-align: center; +} + +header > h2 { + font-family: sans-serif; + font-size: 24px; + text-align: center; +} + +img.profile { + width: 40%; + float: right; + border-radius: 15%; + margin: 10px; +} + +code { + font-family: monospace; +} + +footer { + text-align: center; + width: 100%; + float: right; +} + ul { margin-top: 5px; } @@ -98,11 +160,6 @@ ol.roman-numerals { list-style-type: upper-roman; } -blockquote, p { - font-size: 16px; - line-height: 24px; -} - a { color: #185885; } @@ -124,16 +181,6 @@ figure img { text-align: center; } -h3, h4 { - margin-bottom: 0px; - padding-bottom: 0px; -} - -h5 { - margin-top: 3px; - margin-bottom: 3px; -} - div.card { padding: 10px; border-radius: 5px; @@ -142,6 +189,10 @@ div.card { background-color: #eee8d5; } +div.card > h4 { + margin: 2px; +} + .album-cover { width: 300px; display: block; @@ -152,14 +203,39 @@ div.card { padding: 1px 10px; } -code { - font-family: monospace; -} - -footer { - text-align: center; -} - -@media screen and (max-width: 800px) { - body { width: 100%; } +@media (min-width: 1200px) { + .site-title { + text-align: left; + } + nav { + width: 20%; + height: 85%; + float: left; + margin: 15px; + padding: 0 15px 15px 15px; + border-style: solid; + border-width: 0 5px 0 0; + position: fixed; + } + nav > ul { + text-align: left; + } + nav > ul > li { + display: block; + font-size: 32px; + float: none; + } + main { + float: right; + width: 70%; + margin: 20px; + padding: 20px; + } + footer { + width: 75%; + float: right; + } + img.profile { + width: 35%; + } } diff --git a/templates/page/footer.html b/templates/page/footer.html index 3800543..fe7305c 100644 --- a/templates/page/footer.html +++ b/templates/page/footer.html @@ -1,11 +1,13 @@ -
-
+ diff --git a/templates/page/header.html b/templates/page/header.html index b6a1dca..014db2a 100644 --- a/templates/page/header.html +++ b/templates/page/header.html @@ -14,21 +14,16 @@ -
-

The Music in Noise

-

"If there were one million families praying the Rosary every day, the entire world would be saved."
- ✝ Pope Saint Pius X

-
-
-
-
+
diff --git a/templates/page/item.html b/templates/page/item.html index 16dc2ab..084762e 100644 --- a/templates/page/item.html +++ b/templates/page/item.html @@ -1,2 +1,6 @@ -

${title}

-%{contentfile} +
+

${title}

+
+
+ %{contentfile} +