Add highlight to current section on header links, add rating warning on social page, add bribribribribri's website to hotlinks.

static/main.css

@@ -152,12 +152,17 @@ h2 {
 textarea,
 input,
 button {
-    border: medium solid var(--theme-color-lighter);
-    background-color: black;
+    transition: .2s;
+    border: medium solid rgba(255, 255, 255, 0.6);
+    background-color: rgba(0, 0, 0, 0.2);
     color: white;
     padding: 0.6em;
 }
 
+button:hover {
+    border-color: white;
+}
+
 img {
     max-width: 100%;
 }
@@ -1144,6 +1149,16 @@ header div:first-child {
   -o-animation: fire-animation .65s ease-in-out infinite alternate;
 }
 
+.blurred {
+    filter: blur(4px);
+    user-select: none;
+    pointer-events: none;
+}
+
+#socialPosts {
+    transition: .4s;
+}
+
 /* Animations */
 
 @keyframes ellipsis-loader {

static/scripts/social.js

@@ -0,0 +1,13 @@
+const socialPosts = document.querySelector('#socialPosts');
+const socialAlert = document.querySelector('#socialAlert');
+
+socialPosts.classList.add('blurred');
+
+const continueButton = document.createElement('button');
+continueButton.innerText = clickHereToContinueLocalized;
+continueButton.addEventListener('click', () => {
+    socialPosts.classList.remove('blurred');
+    socialAlert.remove();
+})
+
+socialAlert.appendChild(continueButton);