Change color palette

.eleventy.js

@@ -11,6 +11,7 @@ module.exports = function (eleventyConfig) {
   eleventyConfig.addPassthroughCopy({ "./src/res/css/**/*.css": "css" });
   eleventyConfig.addPassthroughCopy({ "./src/res/font": "font" });
   eleventyConfig.addPassthroughCopy({ "./src/res/img": "img" });
+  eleventyConfig.addPassthroughCopy({ "./src/res/*.txt": "."});
   eleventyConfig.addWatchTarget("./src/res/css");
 
   return {

README.md

@@ -1,6 +1,6 @@
 # Todo
 
-- [x] Add colophon and licensing info (kinda)
+- [x] Add colophon and licensing info
 - [x] Clean up and polish landing page
 - [ ] Do some i18n? (e.g., English, German, Tagalog, Bisaya, Spanish, etc.)
 - [ ] Add more graphical stuff to site so it doesn't look so bland
@@ -10,8 +10,8 @@
   - [ ] Global background
   - [ ] Custom badge
 - [ ] Make a webring with ringfairy and join webrings
-- [x] Redo about page (kinda)
-- [ ] Add blog post
+- [x] Redo about page
+- [x] Add blog post
 
 # Changelog
 

src/index.md

@@ -9,4 +9,4 @@ eleventyNavigation:
 
 Welcome to my website! Gil's Nexus launched on October 12, 2023. Until June 2024, it was mostly just a placeholder and hosted my social media links.
 
-To learn more about me, see my [About page](/about).
+To learn more about me, see my [About page](/about). You can also get in touch with me on the Fediverse at <a href="https://hol.ogra.ph/@gil" rel="me">@gil@hol.ogra.ph</a>.

src/res/css/global.css

@@ -155,61 +155,45 @@ enabled.
 }
 
 @media (prefers-color-scheme: light) {
-  .theme-default body {
-    background: url("/img/background2.png");
+  .theme-default {
+    background: #ddbed4;
+    color: #150218;
+  }
+  .theme-default a {
+    color: #08659b;
   }
   .theme-default .site-header {
-    border: solid black 2px;
-    background: white;
+    background: #f9eefc;
   }
   .theme-default .site-main {
-    border: solid black 2px;
-    background: white;
+    background: #f9eefc;
   }
   .theme-default .site-navigation {
-    background: white;
-    border: solid black 2px;
-    border-top: none;
+    background: #f9eefc;
   }
-}
-@media (prefers-color-scheme: light) and (min-width: 641px) {
-  .theme-default .site-navigation {
-    border-top: solid black 2px;
-  }
-}
-@media (prefers-color-scheme: light) {
   .theme-default .site-footer {
-    border: solid black 2px;
-    background: white;
+    background: #f9eefc;
   }
 }
 @media (prefers-color-scheme: dark) {
-  .theme-default body {
-    background: black;
+  .theme-default {
+    background: #503047;
+    color: #f9eefc;
+  }
+  .theme-default a {
+    color: #20a4f3;
   }
   .theme-default .site-header {
-    border: solid white 2px;
-    background: black;
+    background: #261722;
   }
   .theme-default .site-main {
-    border: solid white 2px;
-    background: black;
+    background: #261722;
   }
   .theme-default .site-navigation {
-    border: solid white 2px;
-    background: black;
-    border-top: none;
+    background: #261722;
   }
-}
-@media (prefers-color-scheme: dark) and (min-width: 641px) {
-  .theme-default .site-navigation {
-    border-top: solid white 2px;
-  }
-}
-@media (prefers-color-scheme: dark) {
   .theme-default .site-footer {
-    border: solid white 2px;
-    background: black;
+    background: #261722;
   }
 }
 

src/res/css/global.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/global.scss","../scss/modules/_fonts.scss","../scss/_components.scss","../scss/_themes.scss","../scss/modules/_include-media.scss","../scss/_vars.scss"],"names":[],"mappings":"AAEA;ACDA;AAAA;AAAA;AAIA;;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAWA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AC1DF;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;;AAGE;EACE;;AAEF;EACE;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;AAGF;AAAA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AAGF;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;EACE;;AAGF;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AChGJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;EACE;;;AAIA;EACE;IACE;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;;;ACikBF;EDpkBA;IAKI;;;AApBN;EAwBE;IACE;IACA;;;AAIJ;EACE;IACE;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;;;ACmiBF;EDtiBA;IAKI;;;AApBN;EAwBE;IACE;IACA;;;;AExEN;AAAA;AAAA;AAIA;AAKA;AAKA;AAGA;ALNA;EAEI,WKKa;ELJb,aKKe;;;ALDnB;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AIukBE;EJ1kBJ;IAKI;;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AIqjBE;EJ1jBJ;IAOI;IACA;IACA;;;AAGF;EACE;;AI6iBA;EJ9iBF;IAGI;;;;AAKN;EACE;EACA;EACA;EACA","file":"global.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/global.scss","../scss/modules/_fonts.scss","../scss/_components.scss","../scss/_themes.scss","../scss/_vars.scss","../scss/modules/_include-media.scss"],"names":[],"mappings":"AAEA;ACDA;AAAA;AAAA;AAIA;;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAWA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AC1DF;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;;AAGE;EACE;;AAEF;EACE;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;AAGF;AAAA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AAGF;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;EACE;;AAGF;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AChGJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;EACE;;;AAIA;EADF;IAEI;IACA;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EA1BF;IA2BI;IACA;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;;AC9DN;AAAA;AAAA;AAIA;AAKA;AAKA;AAGA;AJNA;EAEI,WIKa;EJJb,aIKe;;;AJDnB;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AKukBE;EL1kBJ;IAKI;;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AKqjBE;EL1jBJ;IAOI;IACA;IACA;;;AAGF;EACE;;AK6iBA;EL9iBF;IAGI;;;;AAKN;EACE;EACA;EACA;EACA","file":"global.css"}

src/res/robots.txt

@@ -0,0 +1,130 @@
+# Currently borrowed from seirdy.one. Will add my own blocks
+User-agent: *
+
+# I opt out of online advertising so malware that injects ads on my site won't
+# get paid. You should do the same. my ads.txt file contains a standard
+# placeholder to forbid any compliant ad networks from paying for ad placement
+# on my domain.
+User-agent: Adsbot
+Disallow: /
+Allow: /ads.txt
+Allow: /app-ads.txt
+
+# By allowing us access, you enable the maximum number
+# of advertisers to confidently purchase advertising space on your pages. Our
+# comprehensive data insights help advertisers understand the suitability and
+# context of your content, ensuring that their ads align with your audience's
+# interests and needs. This alignment leads to improved user experiences,
+# increased engagement, and ultimately, higher revenue potential for your
+# publication. (https://www.peer39.com/crawler-notice)
+#  --> fuck off.
+User-agent: peer39_crawler
+User-agent: peer39_crawler/1.0
+Disallow: /
+
+## IP-violation scanners ##
+
+# The next three are borrowed from https://www.videolan.org/robots.txt
+
+# > This robot collects content from the Internet for the sole purpose of #
+# helping educational institutions prevent plagiarism. [...] we compare student
+# papers against the content we find on the Internet to see if we # can find
+# similarities. (http://www.turnitin.com/robot/crawlerinfo.html)
+#  --> fuck off.
+User-agent: TurnitinBot
+Disallow: /
+
+# > NameProtect engages in crawling activity in search of a wide range of brand
+# and other intellectual property violations that may be of interest to our
+# clients. (http://www.nameprotect.com/botinfo.html)
+#  --> fuck off.
+User-agent: NPBot
+Disallow: /
+
+# iThenticate is a new service we have developed to combat the piracy of
+# intellectual property and ensure the originality of written work for#
+# publishers, non-profit agencies, corporations, and newspapers.
+# (http://www.slysearch.com/)
+#  --> fuck off.
+User-agent: SlySearch
+Disallow: /
+
+# BLEXBot assists internet marketers to get information on the link structure
+# of sites and their interlinking on the web, to avoid any technical and
+# possible legal issues and improve overall online experience.
+# (http://webmeup-crawler.com/)
+# --> fuck off.
+User-agent: BLEXBot
+Disallow: /
+
+# Providing Intellectual Property professionals with superior brand protection
+# services by artfully merging the latest technology with expert analysis.
+# (https://www.checkmarknetwork.com/spider.html/)
+# "The Internet is just way to big to effectively police alone." (ACTUAL quote)
+# --> fuck off.
+User-agent: CheckMarkNetwork/1.0 (+https://www.checkmarknetwork.com/spider.html)
+Disallow: /
+
+# Stop trademark violations and affiliate non-compliance in paid search.
+# Automatically monitor your partner and affiliates’ online marketing to
+# protect yourself from harmful brand violations and regulatory risks. We
+# regularly crawl websites on behalf of our clients to ensure content
+# compliance with brand and regulatory guidelines.
+# (https://www.brandverity.com/why-is-brandverity-visiting-me)
+# --> fuck off.
+User-agent: BrandVerity/1.0
+Disallow: /
+
+## Misc. icky stuff ##
+
+# Pipl assembles online identity information from multiple independent sources
+# to create the most complete picture of a digital identity and connect it to
+# real people and their offline identity records. When all the fragments of
+# online identity data are collected, connected, and corroborated, the result
+# is a more trustworthy identity.
+# --> fuck off.
+User-agent: PiplBot
+Disallow: /
+
+## Gen-AI data scrapers ##
+
+# Eat shit, OpenAI.
+User-agent: ChatGPT-User
+User-agent: GPTBot
+Disallow: /
+
+# Official way to opt-out of Google's generative AI training:
+# <https://developers.google.com/search/docs/crawling-indexing/overview-google-crawlers>
+User-agent: Google-Extended
+Disallow: /
+
+# Official way to opt-out of LLM training by Apple
+# <https://support.apple.com/en-us/119829#datausage>
+User-agent: Applebot-Extended
+Disallow: /
+
+# Anthropic-AI crawler posted guidance after a long period of crawling without opt-out documentation: <https://support.anthropic.com/en/articles/8896518-does-anthropic-crawl-data-from-the-web-and-how-can-site-owners-block-the-crawler>
+User-agent: ClaudeBot
+Disallow: /
+
+# FacebookBot crawls public web pages to improve language models for our speech
+# recognition technology.
+# <https://developers.facebook.com/docs/sharing/bot/?_fb_noscript=1>
+User-agent:  FacebookBot
+Disallow: /
+
+# I'm not blocking CCBot for now. It publishes a free index for anyone to use.
+# Googe used this to train the initial version of Bard (now called Gemini).
+# I allow CCBot since its index is also used for upstart/hobbyist search engines
+# like Alexandria and for genuinely useful academic work I personally like.
+# I allow Owler for similar reasons:
+# <https://openwebsearch.eu/owler/#owler-opt-out>
+# <https://openwebsearch.eu/common-goals-with-common-crawl/>.
+# Omgilibot/Omgili is similar to CCBot, except it sells the scrape results.
+# I'm not familiar enough with Omgili to make a call here.
+# In the long run, my embedded robots meta-tags and headers could cover gen-AI
+
+# I don't block cohere-ai or Perplexitybot: they don't appear to actually
+# scrape data for LLM training purposes. The crawling powers search engines
+# with integrated pre-trained LLMs.
+# TODO: investigate whether YouBot scrapes to train its own in-house LLM.

src/res/scss/_themes.scss

@@ -16,62 +16,52 @@ enabled.
 
 .theme-default {
   @media (prefers-color-scheme: light) {
-    body {
-      background: url("/img/background2.png");
+    background: #ddbed4;
+    color: #150218;
+
+    a {
+      color: #08659b;
     }
 
     .site-header {
-      border: solid black 2px;
-      background: white;
+      background: #f9eefc;
     }
 
     .site-main {
-      border: solid black 2px;
-      background: white;
+      background: #f9eefc;
     }
 
     .site-navigation {
-      background: white;
-      border: solid black 2px;
-      border-top: none;
-      @include media(">sm") {
-        border-top: solid black 2px;
-      }
+      background: #f9eefc;
     }
 
     .site-footer {
-      border: solid black 2px;
-      background: white;
+      background: #f9eefc;
     }
   }
 
   @media (prefers-color-scheme: dark) {
-    body {
-      background: black;
+    background: #503047;
+    color: #f9eefc;
+
+    a {
+      color: #20a4f3;
     }
 
     .site-header {
-      border: solid white 2px;
-      background: black;
+      background: #261722;
     }
 
     .site-main {
-      border: solid white 2px;
-      background: black;
+      background: #261722;
     }
 
     .site-navigation {
-      border: solid white 2px;
-      background: black;
-      border-top: none;
-      @include media(">sm") {
-        border-top: solid white 2px;
-      }
+      background: #261722;
     }
 
     .site-footer {
-      border: solid white 2px;
-      background: black;
+      background: #261722;
     }
   }
 }