Update Redesign to v0.4.1-beta

This commit is contained in:
2022-01-05 23:23:55 +00:00
parent 2b26722484
commit 01c38f0e04
5 changed files with 2854 additions and 1074 deletions

View File

@@ -28,15 +28,22 @@
<link rel="shortcut icon" type="image/png" href="{% static 'img/fet_logo_white.png' %}">
<link rel="stylesheet" href="{% static 'styles.css' %}">
<!--<link rel="stylesheet" href="../css/tailwind.css">-->
<!-- FontAwesome Kit -->
<!--<script src="https://kit.fontawesome.com/fb26f70535.js" crossorigin="anonymous"></script>-->
<link rel="stylesheet" href="{% static 'fontawesomefree/css/all.min.css' %}" type="text/css">
<!-- Prism.js Theme | DEV-Only Link, change to using jsDelivr when a new version (containing the desired theme) is released! -->
<!--
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prism-themes@1/themes/prism-one-dark.min.css">
-->
<!--Google Fonts-->
<!--
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Besley:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
-->
@@ -148,11 +155,17 @@
<span class="font-normal" :class="counter>=3 && 'text-yellow-500'"> Matteo Duchscher</span>
</div>
<script defer src="{% static 'js/scripts.js' %}"></script>
<script src="{% static 'js/gumshoe@5.1.1.js' %}"></script>
<script src="{% static 'js/smooth-scroll@16.1.2.js' %}"></script>
<script src="{% static 'js/toolkit-screen@1.0.0.js' %}" defer></script>
<!-- Prism.js Code syntax highlighting -->
<script src="{% static 'js/prism-core@1.25.0.js' %}"></script>
<script src="{% static 'js/prism-autoloader@1.25.0.js' %}"></script>
<!-- Alpine.js plugin -->
<script src="{% static 'js/toolkit-screen@1.0.0.js' %}" defer></script>
<!-- Alpine.js -->
<script defer src="{% static 'js/alpinejs@3.2.2.js' %}"></script>
<script async="async" src="{% static 'js/scripts.js' %}"></script>
<script>
var spy = new Gumshoe('#scrollspy-subNav a', {

View File

@@ -19,7 +19,7 @@
@mouseover="showPrevArticleButton = true"
>
<i class="fa-light fa-chevron-left text-5xl -m-2 p-2 bg-gray-100 rounded-md"></i>
<span class="text-gray-600 font-medium bg-gray-100 -m-2 p-2 rounded-r-md"
<span class="text-gray-600 font-medium bg-gray-100 -m-2 p-2 rounded-r-md origin-left"
x-show="showPrevArticleButton"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 bg-opacity-0 transform scale-90"
@@ -34,7 +34,7 @@
@mouseleave="showNextArticleButton = false"
@mouseover="showNextArticleButton = true"
>
<span class="z-30 text-gray-600 font-medium bg-gray-100 -m-2 p-2 rounded-l-md text-right"
<span class="z-30 text-gray-600 font-medium bg-gray-100 -m-2 p-2 rounded-l-md text-right origin-right"
x-show="showNextArticleButton"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 bg-opacity-0 transform scale-90"