diff --git a/README.md b/README.md index 24d783a2..411a4ee8 100644 --- a/README.md +++ b/README.md @@ -32,4 +32,6 @@ Fast, open and free-to-use new tab page for Chrome (also works on Opera and Fire [Opera Forum](https://forums.opera.com/topic/25046/how-to-disable-completely-the-speed-dial/14) - Portions of code to add Opera support +[Animate.css](https://daneden.github.io/animate.css/) - Portions of code used for animations + and all the contributors <3 diff --git a/assets/css/index.css b/assets/css/index.css deleted file mode 100644 index bcdff106..00000000 --- a/assets/css/index.css +++ /dev/null @@ -1,231 +0,0 @@ -/* - __ __ - | \/ | - | \ / |_ _ ___ - | |\/| | | | |/ _ \ - | | | | |_| | __/ - |_| |_|\__,_|\___| - ------------------- - Copyright 2018 Dave R (ohlookitsderpy) - Licensed under MIT - Special thanks to contributors! <3 - GitHub: https://github.com/ohlookitsderpy/Mue -*/ - -/* VARIABLES */ - -:root { - - --shadow-color: #111111CC; - -} - -/* BASIC STYLING */ - -html, body { height: 100%; } -body { - - display: flex; - flex-direction: column; - justify-content: space-around; - align-items: center; - - margin: 0; - - background-size: cover; - background-position: 50%; - background-color: black; /* Prevent white flash on page load */ - - font-family: 'Roboto'; - color: white; - - -moz-user-select: none; /* Firefox */ - user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ -} - -/* BACKGROUND CLASSES */ - -.mountain { background-image: url('../img/1.jpeg'); } -.sunrise { background-image: url('../img/2.jpeg'); } -.butterfly { background-image: url('../img/3.jpeg'); } -.leaves { background-image: url('../img/4.jpeg'); } -.river { background-image: url('../img/5.jpeg'); } -.sea { background-image: url('../img/6.jpeg'); } -.space { background-image: url('../img/7.jpeg'); } -.ice { background-image: url('../img/8.jpeg'); } -.waterfall { background-image: url('../img/9.jpeg'); } -.river { background-image: url('../img/10.jpeg'); } -.sunset { background-image: url('../img/11.jpeg'); } -.desert { background-image: url('../img/12.jpeg'); } -.canyon { background-image: url('../img/13.jpeg'); } -.rose { background-image: url('../img/14.jpeg'); } -.forest { background-image: url('../img/15.jpeg'); } -.cherry { background-image: url('../img/16.jpeg'); } -.clouds { background-image: url('../img/17.jpeg'); } -.winter { background-image: url('../img/18.jpeg'); } -.autumn { background-image: url('../img/19.jpeg'); } -.flowers { background-image: url('../img/20.jpeg'); } -.sunrise { background-image: url('../img/21.jpeg'); } -.rocks { background-image: url('../img/22.jpeg'); } -.trees { background-image: url('../img/23.jpeg'); } -.mountains { background-image: url('../img/24.jpeg'); } -.beach { background-image: url('../img/25.jpeg'); } - - - -/* TEXT SHADOW */ - -.greeting, -time, -.quote { - - filter: drop-shadow(var(--shadow-shift) var(--shadow-shift) 0 var(--shadow-color)); - -} - -/* Greeting */ - -.greeting { - - --shadow-shift: 0.2rem; - - font-size: 3.25rem; - -} - -/* Time */ - -time { - - --shadow-shift: 0.4rem; - - font-size: 12rem; - -} - -/* Quote */ - -.quote { - - --shadow-shift: 0.125rem; - - width: 37.5%; - max-width: 37.5rem; /* 600px on desktop */ - - font-size: 1.5rem; - text-align: center; - -} - -/* quote text */ - -.quote blockquote { - - margin: 0 0 0.25rem 0; - - line-height: 1.125; - -} - -.quote blockquote::before { content: '“'; margin-right: 0.25ch; } -.quote blockquote::after { content: '”'; margin-left: 0.25ch; } - -/* quote author */ - -.quote cite { font-size: 83.33%; } - -/* Font */ - -@font-face { - font-family: 'Roboto'; - font-style: normal; - font-weight: 400; - src: local('Roboto'), local('Roboto-Regular'), - url('../font/roboto-v18-latin-regular.woff2') format('woff2'); - } - -/* ANIMATIONS */ - - /*! - * animate.css -http://daneden.me/animate - * Version - 3.7.0 - * Licensed under the MIT license - http://opensource.org/licenses/MIT - * - * Copyright (c) 2018 Daniel Eden - */ - - @-webkit-keyframes fadeIn { - from { - opacity: 0; - } - - to { - opacity: 1; - } - } - - @keyframes fadeIn { - from { - opacity: 0; - } - - to { - opacity: 1; - } - } - - .fadeIn { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; - } - - @-webkit-keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - } - - @keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - } - - .fadeInUp { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; - } - - - .animated { - -webkit-animation-duration: 0.75s; /* modified from 1s */ - animation-duration: 0.75s; /* modified from 1s */ - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - } - - - @media (prefers-reduced-motion) { - .animated { - -webkit-animation: unset !important; - animation: unset !important; - -webkit-transition: none !important; - transition: none !important; - } - } \ No newline at end of file