summaryrefslogtreecommitdiff
path: root/zola
diff options
context:
space:
mode:
authorNicolas Dato <nicolas.dato@gmail.com>2024-09-09 14:36:29 -0300
committerNicolas Dato <nicolas.dato@gmail.com>2024-09-09 14:36:29 -0300
commit1fee55a71435c0f748c3b008737aa0923850853c (patch)
treecc4378a55ddda5543821f9bc0632da56737bb9ea /zola
parentb8b3f02573d47ae05802f3331e948f26000f9a77 (diff)
downloadndato.com-1fee55a71435c0f748c3b008737aa0923850853c.tar.gz
ndato.com-1fee55a71435c0f748c3b008737aa0923850853c.tar.bz2
updating style and content
Diffstat (limited to 'zola')
-rw-r--r--zola/content/_index.md16
-rw-r--r--zola/static/style.css66
-rw-r--r--zola/templates/base.html9
3 files changed, 55 insertions, 36 deletions
diff --git a/zola/content/_index.md b/zola/content/_index.md
index 6bae83d..1f64bf7 100644
--- a/zola/content/_index.md
+++ b/zola/content/_index.md
@@ -4,27 +4,25 @@ title = "Home"
## About this site
-This website is about computer science. You can find articles (or tutorials) [in the articles section](articles). Also, between 2020 and 2022 I wrote Linux articles for the [Baeldung](https://www.baeldung.com) website, [you can read them here](https://www.baeldung.com/linux/author/nicolasdato).
+You can find articles (or tutorials) [in the articles section](articles). Also, between 2020 and 2022 I wrote Linux articles for the [Baeldung](https://www.baeldung.com) website, [you can read them here](https://www.baeldung.com/linux/author/nicolasdato).
When I'm confident enought about some never-ending-never-completed side proyects, I push them to [my gitweb](gitweb).
-You'll find more content [in the etc section](etc) that is not about computer science. This can include music, movies, video games, swimming, etc.
-
### About this site development
*Keep It Simple, Stupid.*
-This website is made with HTML and CSS. No Javascript, no cookies, no popups, no ads. Just a website. The style uses [Solarized](https://ethanschoonover.com/solarized/) colors and Libertinus fonts. Also, the style tries to be similar to a [*LaTeX*](https://www.latex-project.org/) article.
+This website is made with HTML and CSS. No Javascript, no cookies, no popups, no ads. Just a website. Somehow inspired by [The](https://motherfuckingwebsite.com/) [Perfect](http://bettermotherfuckingwebsite.com/) [Motherfucking](https://evenbettermotherfucking.website/) [Website](https://perfectmotherfuckingwebsite.com/) (but they are better). The style uses [Solarized](https://ethanschoonover.com/solarized/) colors and Libertinus fonts. Also, the style tries to be similar to a [*LaTeX*](https://www.latex-project.org/) article.
-To easily add content to this website, I use the [Zola static site generator](https://www.getzola.org/). So, the articles are written in [Markdown](https://daringfireball.net/projects/markdown/) first, and then converted to HTML. Those articles are then inserted inside some HTML tempaltes.
+To easily add content to this website, I use the [Zola static site generator](https://www.getzola.org/). So, the articles are written in [Markdown](https://daringfireball.net/projects/markdown/) first, and then converted to HTML. Those articles are then inserted inside some HTML templates.
## About me
*Swimming, Coffee, and Heavy Metal.*
-My name is Nicolás Dato, born in Argentina in 1991, and you can read more detailed information [in the CV section](cv) and [the contact section](contact).
+My name is Nicolás Dato, born in Argentina in 1991, and you can read more detailed information [in the Resume/CV section](cv).
-In short, my professional career is +10 years of C experience and +3 years of Java experience. Also +10 years of experience with Bash, Perl, Linux, etc. Excluding Java, all other experience is in the broadcast industry, developing software at [3Way Solutions](https://www.3way.com.ar/). We produce systems to receive, monitor, analize, and transmit video/audio content, such as TV and radio.
+Long story short, my professional career is +10 years of C experience and +3 years of Java experience. Also +10 years of experience with Bash, Perl, Linux, etc. Excluding Java, all other experience is in the broadcast industry, developing software at [3Way Solutions](https://3way.com.ar/en/inicio-en/). We produce systems to receive, monitor, analize, and transmit video/audio content, such as TV and radio. I'm also a freelancer for [Boreal&nbsp;IT](https://it.borealtech.com/en/), working with Java, .NET, React, and whatever they need.
When I'm in the mood and I have some free time, I contribute to the [OpenStreetMap proyect](https://www.openstreetmap.org/) and Wikipedia.
@@ -34,7 +32,7 @@ And I also swim, even when I'm not in the mood or I don't have free time.
*Richard Stallman is right.*
-I use the [Slackware Linux distribution](http://www.slackware.com/). I try stick to free software and avoid software and websites that tracks people and ignores privacy. Also, I like self-hosting, and lightweight and simple software. I am fan of [suckless](https://suckless.org/). Sometimes all those ideas conflict with eath other.
+I use the [Slackware Linux distribution](http://www.slackware.com/). I try stick to free software and avoid software and websites that tracks people and ignores privacy. Also, I like self-hosting, and using lightweight and simple software. I am fan of [suckless](https://suckless.org/). I prefer the editor of the beast over emacs.
-My computer runs a local [Searx](https://searx.github.io/searx/) engine configured to use [DuckDuckGo](https://duckduckgo.com/), [Qwant](https://www.qwant.com/), and [Startpage](https://www.startpage.com/). Also, I had run [middle Tor relay](https://community.torproject.org/relay/) for some years, until I had to shut it down. This was because some ignorant IT-security dude didn't know how Tor works. I also have a [MediaWiki](https://www.mediawiki.org/wiki/MediaWiki) self-hosted.
+My computer runs a local [Searxng](https://github.com/searxng/searxng/) engine configured to use [DuckDuckGo](https://duckduckgo.com/), [Qwant](https://www.qwant.com/), and [Startpage](https://www.startpage.com/). Also, I had run [middle Tor relay](https://community.torproject.org/relay/) for some years, until I had to shut it down. This was because some ignorant IT-security dude didn't know how Tor works. I also have a [MediaWiki](https://www.mediawiki.org/wiki/MediaWiki) self-hosted.
diff --git a/zola/static/style.css b/zola/static/style.css
index e1297bc..a97d4b9 100644
--- a/zola/static/style.css
+++ b/zola/static/style.css
@@ -16,18 +16,28 @@
--cyan: #2aa198;
--green: #859900;
--header-font-size: 150%;
- --column-min-width: 20ex;
+ --left-column-min-width: 18ex;
--border-width: 1px;
--padding: 2ex;
--margin: 2ex;
- --content-padding-left: 9ex;
+ --content-padding-left: 10ex;
--content-padding-right: 5ex;
--body-max-width: 130ex;
- --body-min-width: 75ex;
- --body-font-size: 115%;
- --first-letter-font-size: 140%;
- --content-width: 100ex;
+ --body-min-width: 70ex;
+ --body-font-size: 18px;
+ --first-letter-font-size: 120%;
+ --max-content-width: 80ex;
--dt-font-size: 120%;
+ --primary-color: var(--base1);
+ --secondary-color: var(--yellow);
+ --content-background-color: var(--base03);
+ --filling-background-color: var(--base02);
+ --text-color: var(--primary-color);
+ --font-family: 'Libertinus';
+ --link-text-color: var(--cyan);
+ --highlight-text-color: var(--secondary-color);
+ --primary-border-color: var(--secondary-color);
+ --secondary-border-color: var(--base00);
}
@font-face {
@@ -63,9 +73,9 @@
}
body {
- font-family: 'Libertinus';
- color: var(--base1);
- background-color: var(--base02);
+ font-family: var(--font-family);;
+ color: var(--text-color);
+ background-color: var(--filling-background-color);
font-size: var(--body-font-size);
min-width: var(--body-min-width);
max-width: var(--body-max-width);
@@ -73,28 +83,34 @@ body {
}
section {
- border: var(--border-width) solid var(--blue);
- background-color: var(--base03);
+ border: var(--border-width) solid var(--secondary-border-color);
+ background-color: var(--content-background-color);
margin: var(--margin);
padding: var(--padding);
}
-em {
- color: var(--yellow);
+section.mainheader {
+ border: var(--border-width) solid var(--primary-border-color);
}
+em,
strong {
- color: var(--orange);
+ color: var(--highlight-text-color);
}
article p::first-letter {
font-size: var(--first-letter-font-size);
- color: var(--orange);
+ color: var(--highlight-text-color);
}
-article {
+article p {
text-indent: 4ex;
text-align: justify;
+ margin-top: 1ex;
+ margin-bottom: 1ex;
+}
+
+article {
padding-top: 2ex;
padding-bottom: 5ex;
}
@@ -108,13 +124,18 @@ footer {
text-align: center;
}
+h1,
+h2 {
+ border-top: 1px solid var(--primary-color);
+}
+
:link,
:visited {
- color: var(--cyan);
+ color: var(--link-text-color);
}
-.header header {
- font-size: 200%;
+.mainheader header {
+ font-size: 220%;
}
.logo {
@@ -132,16 +153,17 @@ footer {
}
.column header {
+ border: var(--border-width) solid var(--primary-border-color);
font-size: var(--header-font-size);
- background-color: var(--base02);
+ background-color: var(--filling-background-color);
}
.left {
- min-width: var(--column-min-width);
+ min-width: var(--left-column-min-width);
}
.content {
- width: var(--content-width);
+ max-width: var(--max-content-width);
padding-left: var(--content-padding-left);
padding-right: var(--content-padding-right);
}
diff --git a/zola/templates/base.html b/zola/templates/base.html
index a8da89f..cab2669 100644
--- a/zola/templates/base.html
+++ b/zola/templates/base.html
@@ -7,7 +7,7 @@
<title>ndato - {% block title %}{% endblock %}</title>
</head>
<body>
- <section class="header" title="Header">
+ <section class="mainheader" title="Header">
<header>
<img src="/lambda.svg" class="logo" alt="Lambda" title="Lambda Logo">
ndato.com.ar
@@ -21,16 +21,15 @@
<menu>
<li><a href="/">Home</a></li>
<li><a href="/articles">Articles</a></li>
- <li><a href="/etc">Etc</a></li>
<li><a href="/gitweb">Git</a></li>
- <li><a href="/cv">CV</a></li>
+ <li><a href="/cv">CV / Resume</a></li>
<li><a href="/contact">Contact</a></li>
</menu>
</nav>
<header>Links</header>
<nav title="External Links">
<ul>
- <li><a href="https://robertoaley.com/">Roberto Aley</a></li>
+ <li><a href="https://robertoaley.com/">Roberto Aley's website</a></li>
<li><a href="https://www.baeldung.com/linux/author/nicolasdato">My articles for Baeldung</a></li>
</ul>
</nav>
@@ -44,7 +43,7 @@
</section>
</div>
<section title="Footer">
- <footer>ndato.com.ar - Nicol&aacute;s Dato - 2023</footer>
+ <footer>ndato.com.ar - Nicol&aacute;s Dato - 2024</footer>
</section>
</body>
</html>