First commit
This commit is contained in:
Gu://em_
commit
20f9d53170
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
old/
|
||||
3
README.md
Normal file
3
README.md
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
# Oblic Parallels website
|
||||
|
||||
Pure static HTML/CSS website for https://oblic-parallels.fr
|
||||
40
assets/logos/forge.svg
Normal file
40
assets/logos/forge.svg
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
<svg viewBox="0 0 212 212" xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
>
|
||||
<rdf:RDF>
|
||||
<cc:Work rdf:about="https://codeberg.org/forgejo/meta/src/branch/readme/branding#logo">
|
||||
<dc:title>Forgejo logo</dc:title>
|
||||
<cc:creator rdf:resource="https://caesarschinas.com/"><cc:attributionName>Caesar Schinas</cc:attributionName></cc:creator>
|
||||
<cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<style type="text/css">
|
||||
circle {
|
||||
fill: none;
|
||||
stroke: #000;
|
||||
stroke-width: 15;
|
||||
}
|
||||
path {
|
||||
fill: none;
|
||||
stroke: #000;
|
||||
stroke-width: 25;
|
||||
}
|
||||
.orange {
|
||||
stroke:#ff6600;
|
||||
}
|
||||
.red {
|
||||
stroke:#d40000;
|
||||
}
|
||||
</style>
|
||||
<g transform="translate(6,6)">
|
||||
<path d="M58 168 v-98 a50 50 0 0 1 50-50 h20" class="orange" />
|
||||
<path d="M58 168 v-30 a50 50 0 0 1 50-50 h20" class="red" />
|
||||
<circle cx="142" cy="20" r="18" class="orange" />
|
||||
<circle cx="142" cy="88" r="18" class="red" />
|
||||
<circle cx="58" cy="180" r="18" class="red" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
1
assets/logos/generic.svg
Normal file
1
assets/logos/generic.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M480-100q-78.15 0-147.5-29.96t-120.96-81.58q-51.62-51.61-81.58-120.96T100-480q0-78.77 29.96-147.81t81.58-120.65q51.61-51.62 120.96-81.58T480-860q78.77 0 147.81 29.96t120.65 81.58q51.62 51.61 81.58 120.65T860-480q0 78.15-29.96 147.5t-81.58 120.96q-51.61 51.62-120.65 81.58T480-100Zm0-60.85q30.62-40.61 51.54-81.92 20.92-41.31 34.08-90.31H394.38q13.93 50.54 34.47 91.85 20.53 41.31 51.15 80.38Zm-77.46-11q-23-33-41.31-75.03-18.31-42.04-28.46-86.2H197.08q31.69 62.31 85 104.7 53.31 42.38 120.46 56.53Zm154.92 0q67.15-14.15 120.46-56.53 53.31-42.39 85-104.7H627.23q-12.08 44.54-30.39 86.58-18.3 42.04-39.38 74.65ZM171.92-393.08h148.7q-3.77-22.3-5.47-43.73-1.69-21.42-1.69-43.19 0-21.77 1.69-43.19 1.7-21.43 5.47-43.73h-148.7q-5.77 20.38-8.84 42.38-3.08 22-3.08 44.54t3.08 44.54q3.07 22 8.84 42.38Zm208.69 0h198.78q3.76-22.3 5.46-43.34 1.69-21.04 1.69-43.58t-1.69-43.58q-1.7-21.04-5.46-43.34H380.61q-3.76 22.3-5.46 43.34-1.69 21.04-1.69 43.58t1.69 43.58q1.7 21.04 5.46 43.34Zm258.77 0h148.7q5.77-20.38 8.84-42.38 3.08-22 3.08-44.54t-3.08-44.54q-3.07-22-8.84-42.38h-148.7q3.77 22.3 5.47 43.73 1.69 21.42 1.69 43.19 0 21.77-1.69 43.19-1.7 21.43-5.47 43.73Zm-12.15-233.84h135.69Q730.85-690 678.5-731.62q-52.35-41.61-121.04-56.92 23 34.92 40.92 76.39 17.93 41.46 28.85 85.23Zm-232.85 0h171.24q-13.93-50.16-35.04-92.43-21.12-42.27-50.58-79.8-29.46 37.53-50.58 79.8-21.11 42.27-35.04 92.43Zm-197.3 0h135.69q10.92-43.77 28.85-85.23 17.92-41.47 40.92-76.39-69.08 15.31-121.23 57.12-52.16 41.8-84.23 104.5Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
1
assets/logos/goouillem.svg
Normal file
1
assets/logos/goouillem.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/><path d="M1 1h22v22H1z" fill="none"/></svg>
|
||||
|
After Width: | Height: | Size: 742 B |
BIN
assets/logos/oldflix.png
Normal file
BIN
assets/logos/oldflix.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
1
assets/logos/penpot.svg
Normal file
1
assets/logos/penpot.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M450-177.23v-285.54L200-607.54v278.62q0 3.07 1.54 5.77 1.54 2.69 4.61 4.61L450-177.23Zm60 0 243.85-141.31q3.07-1.92 4.61-4.61 1.54-2.7 1.54-5.77v-278.62L510-462.77v285.54Zm-30-337.23 247-142.77-240.85-139.31q-3.07-1.92-6.15-1.92-3.08 0-6.15 1.92L233-657.23l247 142.77ZM176.16-265.85q-17.08-9.84-26.62-26.3-9.54-16.47-9.54-36.16v-303.38q0-19.69 9.54-36.16 9.54-16.46 26.62-26.3l267.69-154.08q17.07-9.85 36.15-9.85t36.15 9.85l267.69 154.08q17.08 9.84 26.62 26.3 9.54 16.47 9.54 36.16v303.38q0 19.69-9.54 36.16-9.54 16.46-26.62 26.3L516.15-111.77q-17.07 9.85-36.15 9.85t-36.15-9.85L176.16-265.85ZM480-480Z"/></svg>
|
||||
|
After Width: | Height: | Size: 727 B |
1
assets/logos/photos.svg
Normal file
1
assets/logos/photos.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M120-380q-8 0-14-6t-6-14q0-8 6-14t14-6q8 0 14 6t6 14q0 8-6 14t-14 6Zm0-160q-8 0-14-6t-6-14q0-8 6-14t14-6q8 0 14 6t6 14q0 8-6 14t-14 6Zm120 336.92q-15.69 0-26.31-10.61-10.61-10.62-10.61-26.31t10.61-26.31q10.62-10.61 26.31-10.61t26.31 10.61q10.61 10.62 10.61 26.31t-10.61 26.31q-10.62 10.61-26.31 10.61Zm0-160q-15.69 0-26.31-10.61-10.61-10.62-10.61-26.31t10.61-26.31q10.62-10.61 26.31-10.61t26.31 10.61q10.61 10.62 10.61 26.31t-10.61 26.31q-10.62 10.61-26.31 10.61Zm0-160q-15.69 0-26.31-10.61-10.61-10.62-10.61-26.31t10.61-26.31q10.62-10.61 26.31-10.61t26.31 10.61q10.61 10.62 10.61 26.31t-10.61 26.31q-10.62 10.61-26.31 10.61Zm0-160q-15.69 0-26.31-10.61-10.61-10.62-10.61-26.31t10.61-26.31q10.62-10.61 26.31-10.61t26.31 10.61q10.61 10.62 10.61 26.31t-10.61 26.31q-10.62 10.61-26.31 10.61Zm160.09 336.93q-22.4 0-38.17-15.68-15.77-15.68-15.77-38.08t15.68-38.17q15.68-15.77 38.08-15.77t38.17 15.68q15.77 15.68 15.77 38.08t-15.68 38.17q-15.68 15.77-38.08 15.77Zm0-160q-22.4 0-38.17-15.68-15.77-15.68-15.77-38.08t15.68-38.17q15.68-15.77 38.08-15.77t38.17 15.68q15.77 15.68 15.77 38.08t-15.68 38.17q-15.68 15.77-38.08 15.77ZM400-203.08q-15.69 0-26.31-10.61-10.61-10.62-10.61-26.31t10.61-26.31q10.62-10.61 26.31-10.61t26.31 10.61q10.61 10.62 10.61 26.31t-10.61 26.31q-10.62 10.61-26.31 10.61Zm0-480q-15.69 0-26.31-10.61-10.61-10.62-10.61-26.31t10.61-26.31q10.62-10.61 26.31-10.61t26.31 10.61q10.61 10.62 10.61 26.31t-10.61 26.31q-10.62 10.61-26.31 10.61ZM400-100q-8 0-14-6t-6-14q0-8 6-14t14-6q8 0 14 6t6 14q0 8-6 14t-14 6Zm0-720q-8 0-14-6t-6-14q0-8 6-14t14-6q8 0 14 6t6 14q0 8-6 14t-14 6Zm160.09 473.85q-22.4 0-38.17-15.68-15.77-15.68-15.77-38.08t15.68-38.17q15.68-15.77 38.08-15.77t38.17 15.68q15.77 15.68 15.77 38.08t-15.68 38.17q-15.68 15.77-38.08 15.77Zm0-160q-22.4 0-38.17-15.68-15.77-15.68-15.77-38.08t15.68-38.17q15.68-15.77 38.08-15.77t38.17 15.68q15.77 15.68 15.77 38.08t-15.68 38.17q-15.68 15.77-38.08 15.77ZM560-203.08q-15.69 0-26.31-10.61-10.61-10.62-10.61-26.31t10.61-26.31q10.62-10.61 26.31-10.61t26.31 10.61q10.61 10.62 10.61 26.31t-10.61 26.31q-10.62 10.61-26.31 10.61Zm0-480q-15.69 0-26.31-10.61-10.61-10.62-10.61-26.31t10.61-26.31q10.62-10.61 26.31-10.61t26.31 10.61q10.61 10.62 10.61 26.31t-10.61 26.31q-10.62 10.61-26.31 10.61ZM560-100q-8 0-14-6t-6-14q0-8 6-14t14-6q8 0 14 6t6 14q0 8-6 14t-14 6Zm0-720q-8 0-14-6t-6-14q0-8 6-14t14-6q8 0 14 6t6 14q0 8-6 14t-14 6Zm160 616.92q-15.69 0-26.31-10.61-10.61-10.62-10.61-26.31t10.61-26.31q10.62-10.61 26.31-10.61t26.31 10.61q10.61 10.62 10.61 26.31t-10.61 26.31q-10.62 10.61-26.31 10.61Zm0-160q-15.69 0-26.31-10.61-10.61-10.62-10.61-26.31t10.61-26.31q10.62-10.61 26.31-10.61t26.31 10.61q10.61 10.62 10.61 26.31t-10.61 26.31q-10.62 10.61-26.31 10.61Zm0-160q-15.69 0-26.31-10.61-10.61-10.62-10.61-26.31t10.61-26.31q10.62-10.61 26.31-10.61t26.31 10.61q10.61 10.62 10.61 26.31t-10.61 26.31q-10.62 10.61-26.31 10.61Zm0-160q-15.69 0-26.31-10.61-10.61-10.62-10.61-26.31t10.61-26.31q10.62-10.61 26.31-10.61t26.31 10.61q10.61 10.62 10.61 26.31t-10.61 26.31q-10.62 10.61-26.31 10.61ZM840-380q-8 0-14-6t-6-14q0-8 6-14t14-6q8 0 14 6t6 14q0 8-6 14t-14 6Zm0-160q-8 0-14-6t-6-14q0-8 6-14t14-6q8 0 14 6t6 14q0 8-6 14t-14 6Z"/></svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
77
index.html
Normal file
77
index.html
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
|
||||
<!-- DISABLED because it prevents the font from loading -->
|
||||
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'"> -->
|
||||
<title>Oblic Parallels</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="halo"></div>
|
||||
|
||||
<a href="https://status.oblic-parallels.fr"><img class="logo" src="https://resources.oblic-parallels.fr/OP-light.png"></img></a>
|
||||
|
||||
<div> <!--Titles-->
|
||||
<div>
|
||||
<h2>Welcome to</h2>
|
||||
</div>
|
||||
<div>
|
||||
<h1>Oblic Parallels</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-container"> <!-- Cards -->
|
||||
<a class="card" href="https://forge.oblic-parallels.fr">
|
||||
<img src="assets/logos/forge.svg">
|
||||
<div class="card-title">
|
||||
Parallel Forge
|
||||
</div>
|
||||
<div class="card-desc">
|
||||
A git server for git projects
|
||||
</div>
|
||||
</a>
|
||||
<a class="card" href="https://web.oblic-parallels.fr">
|
||||
<img src="assets/logos/goouillem.svg">
|
||||
<div class="card-title">
|
||||
Goouillem
|
||||
</div>
|
||||
<div class="card-desc">
|
||||
My totally unique search engine
|
||||
</div>
|
||||
</a>
|
||||
<a class="card" href="https://stream.oblic-parallels.fr">
|
||||
<img src="assets/logos/oldflix.png">
|
||||
<div class="card-title">
|
||||
Parallel Flix
|
||||
</div>
|
||||
<div class="card-desc">
|
||||
Almost legal streaming service
|
||||
</div>
|
||||
</a>
|
||||
<a class="card" href="https://designer.oblic-parallels.fr">
|
||||
<img src="assets/logos/penpot.svg">
|
||||
<div class="card-title">
|
||||
Designer
|
||||
</div>
|
||||
<div class="card-desc">
|
||||
An open-source design tool
|
||||
</div>
|
||||
</a>
|
||||
<a class="card" href="https://photos.oblic-parallels.fr">
|
||||
<img src="assets/logos/photos.svg">
|
||||
<div class="card-title">
|
||||
Parallel Photos
|
||||
</div>
|
||||
<div class="card-desc">
|
||||
Comming soon™
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
246
style.css
Normal file
246
style.css
Normal file
|
|
@ -0,0 +1,246 @@
|
|||
/*-Impports----------------------------------------------------------*/
|
||||
/* @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap'); */
|
||||
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
|
||||
|
||||
/*-Fonts----------------------------------------------------------*/
|
||||
|
||||
/* @font-face {
|
||||
font-family: 'IBM Plex Mono';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3twJwlBFgg.woff2) format('woff2');
|
||||
} */
|
||||
|
||||
|
||||
/*-Page----------------------------------------------------------*/
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
user-select: none;
|
||||
/* background: radial-gradient(circle at 50% 200%,#353be5 0%, #353be5 45%, #00000000 80%); */
|
||||
background-color: #000000;
|
||||
/* background-image: url(assets/svg/background.svg); */
|
||||
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
padding:0;
|
||||
|
||||
font-family: 'Inter';
|
||||
}
|
||||
|
||||
.halo {
|
||||
position: fixed;
|
||||
z-index: 0;
|
||||
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
background: radial-gradient(circle at 50% 200%,#353be5 0%, #353be5 45%, #00000000 80%);
|
||||
}
|
||||
|
||||
/*-Texts----------------------------------------------------------*/
|
||||
|
||||
|
||||
h1 {
|
||||
position: fixed;
|
||||
top: 27%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%); /*Center (compensate size)*/
|
||||
z-index: -1;
|
||||
|
||||
color: #eaeaea;
|
||||
text-align: center;
|
||||
font-family: "Inter";
|
||||
font-weight: 600;
|
||||
font-size: 500%;
|
||||
user-select: none;
|
||||
letter-spacing: 0.1rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
position: fixed;
|
||||
top: 16%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%); /*Center (compensate size)*/
|
||||
z-index: -1;
|
||||
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-family: "IBM Plex Mono";
|
||||
font-weight: 400;
|
||||
font-size: 250%;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/*-Cards----------------------------------------------------------*/
|
||||
|
||||
.card-container{
|
||||
|
||||
position: absolute;
|
||||
bottom: 10%;
|
||||
z-index: 1;
|
||||
|
||||
height: 40%;
|
||||
/* width: 200%; */
|
||||
|
||||
/*Calculate offset to center the second card*/
|
||||
/* screen_width - (card1_width + card2_margins)/2 */ /* Width includes margins */
|
||||
/*TODO correct with JS*/
|
||||
margin-left: calc( 50vw - ( (500px + 4rem) + (500px + 6rem) / 2 ));
|
||||
|
||||
display: flex; /* Flexbox */
|
||||
flex-direction: row;/* Align content horizontally */
|
||||
justify-content: center;
|
||||
overflow: visible; /*Prevent cards shadows to be cut off*/
|
||||
}
|
||||
|
||||
|
||||
.card_old {
|
||||
|
||||
position: relative;
|
||||
top: 0px;
|
||||
|
||||
width: 500px;
|
||||
height: 300px;
|
||||
|
||||
margin-top: 2%;
|
||||
margin-bottom: 2%;
|
||||
margin-left: 3rem;
|
||||
margin-right: 3rem;
|
||||
|
||||
color: #FFFFFF00; /*Temporary*/
|
||||
background-color: #121212;
|
||||
|
||||
/*Testing with borders*/
|
||||
padding: 20px;
|
||||
border-radius: 1.4em;
|
||||
/* border-width: 0.1em; */
|
||||
/* border-style: solid; */
|
||||
border: 4px solid transparent;
|
||||
background-clip: padding-box;
|
||||
|
||||
/* Could prevent inconcistencies with boders */
|
||||
/* overflow:hidden */
|
||||
|
||||
|
||||
filter: drop-shadow(#00000040 0 3em 40px);
|
||||
}
|
||||
|
||||
.card {
|
||||
position: relative;
|
||||
top: 0px;
|
||||
|
||||
width: 31.2rem;
|
||||
height: 18rem;
|
||||
|
||||
margin-top: 2%;
|
||||
margin-bottom: 2%;
|
||||
margin-left: 2rem;
|
||||
margin-right: 2rem;
|
||||
|
||||
color: #FFFFFF00; /*Temporary*/
|
||||
background-color: #121212;
|
||||
|
||||
/* padding: 20px; */
|
||||
border: 4px solid transparent;
|
||||
border-radius: 1.4em;
|
||||
background-clip: padding-box;
|
||||
|
||||
transition: 300ms;
|
||||
}
|
||||
|
||||
/*Cards borders*/
|
||||
.card::after {
|
||||
|
||||
position: absolute;
|
||||
top: -0.05em; bottom: -0.05em;
|
||||
left: -0.05em; right: -0.05em;
|
||||
|
||||
background: linear-gradient(135deg, #353be5 0%, #43434388 100%);
|
||||
content: '';
|
||||
z-index: -1;
|
||||
border-radius: 1.2em;
|
||||
|
||||
filter: drop-shadow(#00000080 0 2em 40px);
|
||||
|
||||
transition: 500ms;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.card:hover {
|
||||
/* background: linear-gradient(135deg, #7b2df1 0%, #353be5A0 100%); */
|
||||
/* filter: drop-shadow(#353be5A0 0 2em 40px); */
|
||||
top: -1%
|
||||
}
|
||||
|
||||
.card:hover::after {
|
||||
background: linear-gradient(135deg, #4000ff 0%, #353be570 100%);
|
||||
filter: drop-shadow(#4f35e5a0 0 2em 40px);
|
||||
|
||||
top: -0.1em; bottom: -0.1em;
|
||||
left: -0.1em; right: -0.1em;
|
||||
|
||||
}
|
||||
|
||||
.card-title {
|
||||
|
||||
position: absolute;
|
||||
top: 12%;
|
||||
left: 25%;
|
||||
|
||||
font-family: 'IBM Plex Mono';
|
||||
font-weight: 500;
|
||||
font-size: 2em;
|
||||
color: #eaeaea;
|
||||
}
|
||||
|
||||
.card-desc {
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 25%;
|
||||
|
||||
height: fit-content;
|
||||
width: 65%;
|
||||
|
||||
font-family: 'IBM Plex Mono';
|
||||
font-size: 1.4em;
|
||||
color: #eaeaea;
|
||||
}
|
||||
|
||||
.card > img {
|
||||
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
left: 6%;
|
||||
width: 4em;
|
||||
height: 4em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.logo {
|
||||
position: fixed;
|
||||
margin-top: 3vh;
|
||||
margin-left: 3vh;
|
||||
width: 3.7rem;
|
||||
height: 3.7rem;
|
||||
|
||||
transition-duration: 500ms;
|
||||
|
||||
}
|
||||
|
||||
.logo:hover {
|
||||
|
||||
filter: drop-shadow(0 0 4px #7782ff);
|
||||
-webkit-filter: drop-shadow(0 0 4px #7782ff);
|
||||
|
||||
transition: cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
transition-duration: 500ms;
|
||||
}
|
||||
Loading…
Reference in a new issue