diff --git a/newsaggregator/core/__pycache__/urls.cpython-312.pyc b/newsaggregator/core/__pycache__/urls.cpython-312.pyc index 8999bbd..e5cff2f 100644 Binary files a/newsaggregator/core/__pycache__/urls.cpython-312.pyc and b/newsaggregator/core/__pycache__/urls.cpython-312.pyc differ diff --git a/newsaggregator/core/__pycache__/views.cpython-312.pyc b/newsaggregator/core/__pycache__/views.cpython-312.pyc index 9c12d80..2ec4b96 100644 Binary files a/newsaggregator/core/__pycache__/views.cpython-312.pyc and b/newsaggregator/core/__pycache__/views.cpython-312.pyc differ diff --git a/newsaggregator/db.sqlite3 b/newsaggregator/db.sqlite3 index d789410..caa15bf 100644 Binary files a/newsaggregator/db.sqlite3 and b/newsaggregator/db.sqlite3 differ diff --git a/newsaggregator/static/assets/css/preloader.css b/newsaggregator/static/assets/css/preloader.css index 207196b..4647203 100644 --- a/newsaggregator/static/assets/css/preloader.css +++ b/newsaggregator/static/assets/css/preloader.css @@ -1,101 +1,74 @@ -/* Preloader CSS */ -#preloader { +@keyframes loader_5191 { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} +.loader{ + height: 100vh; + width: 100%; position: fixed; top: 0; left: 0; - width: 100%; - height: 100%; - background-color: #ffffff; - display: flex; - justify-content: center; - align-items: center; - z-index: 9999; } - -#preloader .container { - background-color: #0095f6; - height: 200px; - width: 200px; - display: flex; - justify-content: center; - align-items: center; - box-shadow: inset 0 0 0 0.25rem #b4b1b1; - flex-direction: column; - animation: spin 5s ease-in-out infinite; - border-radius: 50%; +.square { + background: var(--foreground-primary); + width: 10px; + height: 10px; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; } -#preloader .cup { - background-color: #b6d5ea; - height: 30%; - width: 30%; - border-radius: 50% 50% 0 0 / 100% 100% 0 0; - overflow: hidden; +#sq1 { + margin-top: -25px; + margin-left: -25px; + animation: loader_5191 675ms ease-in-out 0s infinite alternate; } -#preloader .top { - transform: rotate(180deg); +#sq2 { + margin-top: -25px; + animation: loader_5191 675ms ease-in-out 75ms infinite alternate; } -#preloader .sand { - background-color: #e9a410; - height: 150%; - width: 150%; - transform-origin: 0% 0%; - animation: sandFall 5s linear infinite -2.5s; +#sq3 { + margin-top: -25px; + margin-left: 15px; + animation: loader_5191 675ms ease-in-out 150ms infinite; } -#preloader .bottom { - animation-delay: 0s; +#sq4 { + margin-left: -25px; + animation: loader_5191 675ms ease-in-out 225ms infinite; } -@keyframes spin { - 0% { - transform: rotate(0deg); - } - - 25%, - 50% { - transform: rotate(180deg); - } +#sq5 { + animation: loader_5191 675ms ease-in-out 300ms infinite; +} - 75% { - transform: rotate(360deg); - } +#sq6 { + margin-left: 15px; + animation: loader_5191 675ms ease-in-out 375ms infinite; +} - 100% { - transform: rotate(360deg); - } +#sq7 { + margin-top: 15px; + margin-left: -25px; + animation: loader_5191 675ms ease-in-out 450ms infinite; } -@keyframes sandFall { - 0%, 100% { - border-radius: 5%; - transform: translate(35%, 20%) rotate(45deg); - } - 15% { - border-radius: 40%; - transform: translate(0%, 35%) rotate(-65deg) scale(1.5, 1.5); - } - 25% { - border-radius: 20%; - transform: translate(-15%, 35%) rotate(-90deg) scale(1.2, 1.2); - } - 50% { - border-radius: 5%; - transform: translate(0%, 0%) rotate(-90deg) scale(1.1); - opacity: 1; - } - 50.01%, 64.99% { - opacity: 0; - } - 65% { - border-radius: 35%; - transform: translate(20%, 50%) rotate(30deg); - opacity: 1; - } - 75% { - border-radius: 10%; - transform: translate(35%, 40%) rotate(45deg); - } +#sq8 { + margin-top: 15px; + animation: loader_5191 675ms ease-in-out 525ms infinite; } + +#sq9 { + margin-top: 15px; + margin-left: 15px; + animation: loader_5191 675ms ease-in-out 600ms infinite; +} \ No newline at end of file diff --git a/newsaggregator/static/assets/css/style.css b/newsaggregator/static/assets/css/style.css index 5dbb5ac..d65e71c 100644 --- a/newsaggregator/static/assets/css/style.css +++ b/newsaggregator/static/assets/css/style.css @@ -60,7 +60,15 @@ } - +.goog-te-combo{ + border-radius: 5px; + padding: 4px; + color: var(--foreground-tertiary); +} +.VIpgJd-ZVi9od-l4eHX-hSRGPd img{ + width: 90px; + height: 40px; +} /*-----------------------------------*\ @@ -522,7 +530,7 @@ footer .footer-section { } -footer .wrapper { text-align: center; } +footer .wrapper { text-align: center;padding: 0; } .footer-logo { margin-bottom: 10px; } diff --git a/newsaggregator/static/assets/js/preloader.js b/newsaggregator/static/assets/js/preloader.js index c2a6093..64c94f0 100644 --- a/newsaggregator/static/assets/js/preloader.js +++ b/newsaggregator/static/assets/js/preloader.js @@ -1,9 +1,13 @@ window.addEventListener('load', function() { - const preloader = document.getElementById('preloader'); - const mainContent = document.querySelector('.outer-align'); + const preloader = document.querySelector('.loader'); + const mainContentlight = document.querySelector('.light-theme'); + const mainContentdark = document.querySelector('.dark-theme'); setTimeout(() => { preloader.style.display = 'none'; - mainContent.style.display = 'flex'; + mainContentlight.style.pointerEvents = 'all'; + mainContentlight.style.overflow = 'auto'; + mainContentdark.style.pointerEvents = 'all'; + mainContentdark.style.overflow = 'auto'; }, 100); }); diff --git a/newsaggregator/templates/components/footer.html b/newsaggregator/templates/components/footer.html index 9b79382..61e892e 100644 --- a/newsaggregator/templates/components/footer.html +++ b/newsaggregator/templates/components/footer.html @@ -1,7 +1,7 @@ {% load static %} -