From 0c9379827961edef231017a415d6aa7faf812968 Mon Sep 17 00:00:00 2001 From: SamuelmdLow Date: Fri, 22 Nov 2024 08:54:42 +0000 Subject: [PATCH] Reduce padding on coverstory headline, add bluesky to main nav and footer, remove tiktok cause it got banned, lazy loading to sidebar image, move via in bluesky sharing link, add id to authors page media link the window scrolls to results when you change media --- authors/templates/authors/author_page.html | 4 ++-- .../infinitefeed/sidebar/sidebar_image_link_block.html | 2 +- navigation/templates/navigation/footer.html | 4 +++- navigation/templates/navigation/headers/main.html | 9 +++++++-- ubyssey/static_src/src/js/main.js | 6 +++--- ubyssey/static_src/src/styles/modules/_header.scss | 6 ++++++ .../static_src/src/styles/objects/_article_cover.scss | 2 +- 7 files changed, 23 insertions(+), 10 deletions(-) diff --git a/authors/templates/authors/author_page.html b/authors/templates/authors/author_page.html index 7f7476f81..77c90af23 100644 --- a/authors/templates/authors/author_page.html +++ b/authors/templates/authors/author_page.html @@ -50,9 +50,9 @@

Pinned

{% endif %} -
+
{% for type in media_types %} -

{{type.1}}

+

{{type.1}}

{% endfor %}
diff --git a/infinitefeed/templates/infinitefeed/sidebar/sidebar_image_link_block.html b/infinitefeed/templates/infinitefeed/sidebar/sidebar_image_link_block.html index 93108aab4..009d4fb03 100644 --- a/infinitefeed/templates/infinitefeed/sidebar/sidebar_image_link_block.html +++ b/infinitefeed/templates/infinitefeed/sidebar/sidebar_image_link_block.html @@ -2,7 +2,7 @@ {% if self.link %} {% endif %} -{% image self.image width-700 format-webp alt=self.alt_text title=self.alt_text %} +{% image self.image width-700 format-webp loading='lazy' alt=self.alt_text title=self.alt_text %} {% if self.link %} {% endif %} \ No newline at end of file diff --git a/navigation/templates/navigation/footer.html b/navigation/templates/navigation/footer.html index 52079d3e3..b5406d755 100644 --- a/navigation/templates/navigation/footer.html +++ b/navigation/templates/navigation/footer.html @@ -35,10 +35,12 @@

Stay in the loop

Social media

diff --git a/navigation/templates/navigation/headers/main.html b/navigation/templates/navigation/headers/main.html index 5f1aa488b..94ff6a313 100644 --- a/navigation/templates/navigation/headers/main.html +++ b/navigation/templates/navigation/headers/main.html @@ -26,10 +26,15 @@
+ + + + + + + - - {% include 'article/objects/darkmode_button.html' with id="main"%}
diff --git a/ubyssey/static_src/src/js/main.js b/ubyssey/static_src/src/js/main.js index f12e5054d..dfbed8275 100644 --- a/ubyssey/static_src/src/js/main.js +++ b/ubyssey/static_src/src/js/main.js @@ -301,20 +301,20 @@ function initializeSocialMediaActions() { $(document).on('click', '.share-mastodon', function (e) { e.preventDefault(); - window.open('https://tootpick.org/#text=' + title + '%20' + window.location.href + ' #ubyssey', + window.open('https://tootpick.org/#text=' + title + '%20' + window.location.href + '%20#ubyssey', 'height=450, width=550, top=' + ($(window).height() / 2 - 225) + ', left=' + ($(window).width() / 2 - 225) + ', toolbar=0, location=0, menubar=0, directories=0, scrollbars=0'); }); $(document).on('click', '.share-bsky', function (e) { e.preventDefault(); - window.open('https://bsky.app/intent/compose/?text=' + title + '%20' + window.location.href + '%20via%20@ubyssey.bsky.social', + window.open('https://bsky.app/intent/compose/?text=' + title + '%20%20via%20@ubyssey.bsky.social%20' + window.location.href, 'height=450, width=550, top=' + ($(window).height() / 2 - 225) + ', left=' + ($(window).width() / 2 - 225) + ', toolbar=0, location=0, menubar=0, directories=0, scrollbars=0'); }); // on clicking on the a element w/ class=='twitter', share on twitter $(document).on('click', '.share-twitter', function (e) { e.preventDefault(); - window.open('http://twitter.com/share?url=' + window.location.href + '&text=' + title + ' via @ubyssey &', 'twitterwindow', + window.open('http://twitter.com/share?url=' + window.location.href + '&text=' + title + '%20via%20@ubyssey&', 'twitterwindow', 'height=450, width=550, top=' + ($(window).height() / 2 - 225) + ', left=' + ($(window).width() / 2 - 225) + ', toolbar=0, location=0, menubar=0, directories=0, scrollbars=0'); }); diff --git a/ubyssey/static_src/src/styles/modules/_header.scss b/ubyssey/static_src/src/styles/modules/_header.scss index eeebe75a3..b8219d63e 100644 --- a/ubyssey/static_src/src/styles/modules/_header.scss +++ b/ubyssey/static_src/src/styles/modules/_header.scss @@ -92,6 +92,12 @@ header.main{ margin-right: 1.5em; } + .bluesky-icon svg { + height: 0.85em; + vertical-align: baseline; + fill: var(--header_color); + } + a { position: relative; margin-right: 0.75em; diff --git a/ubyssey/static_src/src/styles/objects/_article_cover.scss b/ubyssey/static_src/src/styles/objects/_article_cover.scss index 3a9bcb3b8..4212d6adf 100644 --- a/ubyssey/static_src/src/styles/objects/_article_cover.scss +++ b/ubyssey/static_src/src/styles/objects/_article_cover.scss @@ -81,7 +81,7 @@ position: relative; background-color: $color-ubyssey-blue; - box-shadow: 0.75em 0 0 $color-ubyssey-blue, -0.75em 0 0 $color-ubyssey-blue; + box-shadow: 0.4em 0 0 $color-ubyssey-blue, -0.4em 0 0 $color-ubyssey-blue; box-decoration-break: clone; filter: drop-shadow(-5px 10px 4px #0416201c);