From 4646e3d94610a3d80584f7f0cf8577f9f10e6455 Mon Sep 17 00:00:00 2001 From: JoanaChicau Date: Wed, 14 Apr 2021 13:34:31 +0200 Subject: [PATCH] add placeholders and scrollIntoView script --- index.html | 58 ++++++++++++++++++++++++++---------------------- narrowscripts.js | 27 ++++++++++++++++++++++ narrowstyle.css | 2 +- 3 files changed, 60 insertions(+), 27 deletions(-) diff --git a/index.html b/index.html index 9bffc2d..8b09a57 100644 --- a/index.html +++ b/index.html @@ -108,7 +108,7 @@ - +

↬ direct link to chat! @@ -118,19 +118,20 @@ - + - +
- +

Press play (best listened in FireFox). It might take a minute to load.

@@ -139,32 +140,32 @@
- ↬ direct link to audio! + ↬ direct link to audio!
- + - + - + - +

↬ - caption + link to .jpg + caption: 'Varia 3D WoW' ↬ link to .jpg
@@ -196,26 +197,31 @@ - + diff --git a/narrowscripts.js b/narrowscripts.js index e460a1f..55ae2b1 100644 --- a/narrowscripts.js +++ b/narrowscripts.js @@ -64,6 +64,9 @@ $(function() { var bwel = document.getElementById("bhide_wel"); bwel.classList.toggle("bhide_chat_off") + + we = document.getElementById("showWel"); + we.scrollIntoView(); } function hideshowChat() { @@ -72,6 +75,9 @@ $(function() { var bchat = document.getElementById("bhide_chat"); bchat.classList.toggle("bhide_chat_off") + + cha = document.getElementById("showChat"); + cha.scrollIntoView(); } function hideshowPad() { @@ -80,6 +86,9 @@ $(function() { var bether = document.getElementById("bhide_ether"); bether.classList.toggle("bhide_chat_off") + + eth = document.getElementById("showEther"); + eth.scrollIntoView(); } @@ -89,6 +98,9 @@ $(function() { var bau = document.getElementById("bhide_au"); bau.classList.toggle("bhide_chat_off") + + au = document.getElementById("showAudio"); + au.scrollIntoView(); } @@ -99,6 +111,9 @@ $(function() { var bjit = document.getElementById("bhide_jit"); bjit.classList.toggle("bhide_chat_off") + + jit = document.getElementById("showJit"); + jit.scrollIntoView(); } @@ -108,6 +123,9 @@ $(function() { var bess = document.getElementById("bhide_ess"); bess.classList.toggle("bhide_chat_off") + + ess = document.getElementById("showEssay"); + ess.scrollIntoView(); } @@ -117,6 +135,9 @@ $(function() { var bvid = document.getElementById("bhide_vid"); bvid.classList.toggle("bhide_chat_off") + + vid = document.getElementById("showVideo"); + vid.scrollIntoView(); } @@ -127,6 +148,9 @@ $(function() { var bimg = document.getElementById("bhide_img"); bimg.classList.toggle("bhide_chat_off") + + im = document.getElementById("showImg"); + im.scrollIntoView(); } @@ -137,6 +161,9 @@ $(function() { var bgal = document.getElementById("bhide_gal"); bgal.classList.toggle("bhide_chat_off") + + gal = document.getElementById("showGal"); + gal.scrollIntoView(); } diff --git a/narrowstyle.css b/narrowstyle.css index 2f34117..2a7de69 100644 --- a/narrowstyle.css +++ b/narrowstyle.css @@ -326,7 +326,7 @@ background: linear-gradient(0deg, rgba(242,217,242,1) 40%, rgba(57,60,86,1) 50%, border-radius: 0.1rem 0.1rem 0.2rem 0.1rem; flex-wrap: wrap; flex-direction: row; - padding: 0rem 0rem 2rem 0rem; + padding: 0rem 0rem 4rem 0rem; } .live-flex a {