netig/netig.net.old
Archived
1
0 Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

minor changes

Browse Source
This commit is contained in:
julien committed 2025-01-16 14:15:47 +01:00
1 parent 5885bc943c
commit 1478b4cc99
2 files changed
+2 -92
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/public/css/style.css
+1 -1
View File
@@ -1 +1 @@
@font-face{font-family:"TitilliumWeb";src:url("/fonts/TitilliumWeb-Regular.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"TitilliumWeb";src:url("/fonts/TitilliumWeb-Bold.woff2") format("woff2");font-weight:bold;font-style:normal;font-display:swap}body{margin:0px}body,html{font-family:TitilliumWeb,sans-serif;font-size:1.2rem;color:#fff;scroll-behavior:smooth}main{min-height:calc(100vh - 142.4px)}article{padding-bottom:100px}.anchor{height:0px}.content{padding:20px}li{color:#fff}body{background:rgb(15 25 50/var(--tw-bg-opacity, 1))}a{color:#00c8be;text-decoration:none}a:hover{color:#00c8be}h1,h2,h3,h4{font-family:"TitilliumWeb",sans-serif;font-weight:bold;text-align:left;color:#fff}h1{font-size:2.8rem;line-height:2.8rem}h2{font-size:2.6rem;line-height:2.6rem}h3{font-size:2rem;line-height:2rem}h4{font-size:1.8rem;line-height:1.8rem}.from-left{position:relative;animation-name:from-left;animation-duration:1s}@keyframes from-left{0%{left:-500px}100%{left:0}}.from-right{position:relative;animation-name:from-right;animation-duration:1s}@keyframes from-right{0%{right:-500px}100%{right:0}}.topbar{display:flex;height:57px;flex-wrap:wrap;align-items:center;text-align:left;background:rgb(30 40 85/var(--tw-bg-opacity, 1));z-index:1}.topbar a{padding-left:20px}#menuToggle{display:block;position:fixed;top:20px;right:20px;z-index:1}#menuToggle a{transition:color .3s ease}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2}#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(.77, .2, .05, 1),background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease}#menuToggle span:first-child{transform-origin:0% 0%}#menuToggle span:nth-last-child(2){transform-origin:0% 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px, -1px);background:#fff}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2, .2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translate(0, -1px)}#menu{position:fixed;margin-top:0;padding-top:100px;top:0;right:0;width:fit-content;max-width:100%;height:100%;background:#010101;box-shadow:0 0 20px #010101;list-style-type:none;transform:translate(100%, 0);transition:transform .5s cubic-bezier(.77, .2, .05, 1)}#menu li{padding-right:20px;padding-bottom:50px;font-size:22px}#menu li label{cursor:pointer}#menuToggle input:checked~ul{transform:none}.menu_icon_sidenav{z-index:2;width:fit-content;height:auto;background-color:#fc970b;padding:10px;margin:10px;cursor:pointer;position:fixed;top:0;right:0;box-shadow:0 0 10px #010101;border-radius:100%}.line1,.line2,.line3{width:40px;height:4px;margin:10px 8px;background-color:#fff;border-radius:50px;transition:.2s}.active .line1{transform:translate(0px, 15px) rotate(45deg)}.active .line2{opacity:0}.active .line3{transform:translate(0px, -15px) rotate(-45deg)}.sidenav{width:fit-content;background-color:#010101;position:fixed;text-align:center;z-index:1;right:-500px;pointer-events:none;transition:.3s;top:0;box-shadow:0 0 10px #010101;overflow:scroll}.sidenav nav{padding-top:80px;margin-right:40px}.sidenav nav ul li{list-style:none;margin-bottom:20px;transition:.2s}.sidenav nav ul li:hover{background-color:rgb(15 25 50/var(--tw-bg-opacity, 1));border-radius:50px}.sidenav nav ul li a{font-size:1.2rem;padding:10px 30px;display:block;text-decoration:none;text-align:center}.active_sidenav{right:0;pointer-events:fill;position:fixed;top:0;height:100vh;max-width:100%}.gap__20{height:20px}.box{display:flex;margin-top:80px;padding:20px;padding-bottom:40px;border:2px solid #fff;box-shadow:0 0 5px rgba(255,255,255,.2),0 4px 4px rgba(0,0,0,.08);flex-direction:column;justify-content:space-between}.box img{max-width:96px;margin-left:auto;margin-right:auto;display:block}.box__title{width:fit-content;padding:10px;margin-top:0;margin-bottom:0;background:rgb(15 25 50/var(--tw-bg-opacity, 1));border:0px solid #fff;translate:0px -55px;text-align:left}.box__link{text-align:center;padding:20px;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 1080px) and (max-resolution: 1x){.box__link:hover{transform:scale(1.1);transition:all .2s}}.logo img{width:100%;max-width:500px}@media screen and (min-width: 1080px) and (max-resolution: 1x){.logo img:hover{transform:scale(1.02);transition:all .4s}}.logo--min img{max-width:48px}header{position:relative;color:#fff;text-align:left}header p{font-size:1.6rem}header::before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:rgb(30 40 85/var(--tw-bg-opacity, 1));z-index:-1}header h1{text-align:left;font-size:4rem}.article-services{position:relative;color:#fff;text-align:center}.article-services::before{content:"";position:absolute;top:0px;rightLine truncated
@font-face{font-family:"TitilliumWeb";src:url("/fonts/TitilliumWeb-Regular.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"TitilliumWeb";src:url("/fonts/TitilliumWeb-Bold.woff2") format("woff2");font-weight:bold;font-style:normal;font-display:swap}body{margin:0px}body,html{font-family:TitilliumWeb,sans-serif;font-size:1.2rem;color:#fff;scroll-behavior:smooth}main{min-height:calc(100vh - 142.4px)}article{padding-bottom:100px}.anchor{height:0px}.content{padding:20px}li{color:#fff}body{background:rgb(15 25 50/var(--tw-bg-opacity, 1))}a{color:#00c8be;text-decoration:none}a:hover{color:#00c8be}h1,h2,h3,h4{font-family:"TitilliumWeb",sans-serif;font-weight:bold;text-align:left;color:#fff}h1{font-size:2.8rem;line-height:2.8rem}h2{font-size:2.6rem;line-height:2.6rem}h3{font-size:2rem;line-height:2rem}h4{font-size:1.8rem;line-height:1.8rem}.from-left{position:relative;animation-name:from-left;animation-duration:1s}@keyframes from-left{0%{left:-500px}100%{left:0}}.from-right{position:relative;animation-name:from-right;animation-duration:1s}@keyframes from-right{0%{right:-500px}100%{right:0}}.topbar{display:flex;height:57px;flex-wrap:wrap;align-items:center;text-align:left;background:rgb(30 40 85/var(--tw-bg-opacity, 1));z-index:1}.topbar a{padding-left:20px}#menuToggle{display:block;position:fixed;top:20px;right:20px;z-index:1}#menuToggle a{transition:color .3s ease}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2}#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(.77, .2, .05, 1),background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease}#menuToggle span:first-child{transform-origin:0% 0%}#menuToggle span:nth-last-child(2){transform-origin:0% 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px, -1px);background:#fff}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2, .2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translate(0, -1px)}#menu{position:fixed;margin-top:0;padding-top:100px;top:0;right:0;width:fit-content;max-width:100%;height:100%;background:#010101;box-shadow:0 0 20px #010101;list-style-type:none;transform:translate(100%, 0);transition:transform .5s cubic-bezier(.77, .2, .05, 1)}#menu li{padding-right:20px;padding-bottom:50px;font-size:22px}#menu li label{cursor:pointer}#menuToggle input:checked~ul{transform:none}.gap__20{height:20px}.box{display:flex;margin-top:80px;padding:20px;padding-bottom:40px;border:2px solid #fff;box-shadow:0 0 5px rgba(255,255,255,.2),0 4px 4px rgba(0,0,0,.08);flex-direction:column;justify-content:space-between}.box img{max-width:96px;margin-left:auto;margin-right:auto;display:block}.box__title{width:fit-content;padding:10px;margin-top:0;margin-bottom:0;background:rgb(15 25 50/var(--tw-bg-opacity, 1));border:0px solid #fff;translate:0px -55px;text-align:left}.box__link{text-align:center;padding:20px;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 1080px) and (max-resolution: 1x){.box__link:hover{transform:scale(1.1);transition:all .2s}}.logo img{width:100%;max-width:500px}@media screen and (min-width: 1080px) and (max-resolution: 1x){.logo img:hover{transform:scale(1.02);transition:all .4s}}.logo--min img{max-width:48px}header{position:relative;color:#fff;text-align:left}header p{font-size:1.6rem}header::before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:rgb(30 40 85/var(--tw-bg-opacity, 1));z-index:-1}header h1{text-align:left;font-size:4rem}.article-services{position:relative;color:#fff;text-align:center}.article-services::before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:rgb(15 25 50/var(--tw-bg-opacity, 1));z-index:-1}footer{background-color:#010101;padding:40px;box-shadow:0 0 20px #010101}.botbar{width:100%;display:flex;font-size:1rem;justify-content:space-between;flex-wrap:wrap;text-align:center;color:#fff}.botbar p{margin-left:auto;margin-right:auto}.article-about{position:relative;color:#fff;text-align:center}.article-about ::before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:rgb(5 100 115/var(--tw-bg-opacity, 1));z-index:-1}.article-about h3{text-align:center}.article-hosting{position:relative;color:#fff;text-align:left}.article-hosting ::before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:rgb(15 25 50/var(--tw-bg-opacity, 1));z-index:-1}.contact-form{margin-right:20px;font-size:.8rem;font-weight:bold}.contact-form input,.contact-form select,.contact-form textarea{width:100%;font-size:1rem;padding:10px;border:0;flex:1 1 auto;margin:10px 0}.contact-form>*{display:flex;font-family:TitilliumWeb,sans-serif}.contact-form Line truncated
src/sass/css/style.scss
+1 -91
View File
@@ -170,7 +170,7 @@ h4 {
}
}
/* Sidenav TEST
/* Navbar
------------------------------------------------------------------------ */
#menuToggle {
@@ -265,96 +265,6 @@ h4 {
transform: none;
}
/* Sidenav
------------------------------------------------------------------------ */
.menu_icon_sidenav {
z-index: 2;
width: fit-content;
height: auto;
background-color: #FC970B;
padding: 10px;
margin: 10px;
cursor: pointer;
position: fixed;
top: 0;
right: 0;
box-shadow: 0 0 10px $color__neutral;
border-radius: 100%;
}
.line1,
.line2,
.line3 {
width: 40px;
height: 4px;
margin: 10px 8px;
background-color: $color__white;
border-radius: 50px;
transition: 0.2s;
}
.active {
.line1 {
transform: translate(0px, 15px) rotate(45deg);
}
.line2 {
opacity: 0;
}
.line3 {
transform: translate(0px, -15px) rotate(-45deg);
}
}
.sidenav {
width: fit-content;
background-color: $color__neutral;
position: fixed;
text-align: center;
z-index: 1;
right: -500px;
pointer-events: none;
transition: 0.3s;
top: 0;
box-shadow: 0 0 10px $color__neutral;
overflow: scroll;
nav {
padding-top: 80px;
margin-right: 40px;
ul li {
list-style: none;
margin-bottom: 20px;
transition: 0.2s;
&:hover {
background-color: $color__secondary;
border-radius: 50px;
}
a {
font-size: 1.2rem;
padding: 10px 30px;
display: block;
text-decoration: none;
text-align: center;
}
}
}
}
.active_sidenav {
right: 0;
pointer-events: fill;
position: fixed;
top: 0;
height: 100vh;
max-width: 100%;
}
/* Gaps
------------------------------------------------------------------------ */