samuel
/
netoik-home
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

remove avatar

This commit is contained in:
samuel 2022-06-06 18:56:42 +02:00
parent 0b904b9d3d
commit f3d5601cd4
3 changed files with 7 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
front/assets/css/styles.css
View File

@ -11517,7 +11517,7 @@ html {
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
} }
.masthead .masthead-heading img { .masthead .masthead-heading img {
height: 4rem; height: 10rem;
} }
.masthead .masthead-heading.fallen { .masthead .masthead-heading.fallen {
margin-left: 0; margin-left: 0;
@ -11538,16 +11538,9 @@ html {
} }
.masthead .masthead-avatar img { .masthead .masthead-avatar img {
width: 11rem; width: 11rem;
/*top: calc(50vh - 13rem);*/
} }
.masthead .masthead-avatar.fallen { .masthead .masthead-heading img {
/*left: calc(50vw - 5.5rem);*/ height: 6rem;
}
.masthead .masthead-heading {
/*top: 50vh;*/
}
.masthead .masthead-subheading {
/*top: calc(50vh + 4rem);*/
} }
} }

4
front/assets/js/scripts.js
View File

@ -29,7 +29,7 @@ window.addEventListener('load', _ => {
window.setTimeout(_ => document.body.querySelector(".triangle-right").classList.add("fallen"), 500); window.setTimeout(_ => document.body.querySelector(".triangle-right").classList.add("fallen"), 500);
window.setTimeout(_ => document.body.querySelector(".navbar-toggler").classList.add("fallen"), 500); window.setTimeout(_ => document.body.querySelector(".navbar-toggler").classList.add("fallen"), 500);
window.setTimeout(_ => document.body.querySelector(".navbar-collapse").classList.add("fallen"), 500); window.setTimeout(_ => document.body.querySelector(".navbar-collapse").classList.add("fallen"), 500);
window.setTimeout(_ => document.body.querySelector(".masthead-avatar").classList.add("fallen"), 1000); //window.setTimeout(_ => document.body.querySelector(".masthead-avatar").classList.add("fallen"), 1000);
window.setTimeout(_ => document.body.querySelector(".masthead-subheading").classList.add("fallen"), 1000); window.setTimeout(_ => document.body.querySelector(".masthead-subheading").classList.add("fallen"), 1000);
window.setTimeout(_ => document.body.querySelector(".masthead-heading").classList.add("fallen"), 1500); window.setTimeout(_ => document.body.querySelector(".masthead-heading").classList.add("fallen"), 1500);
} else { } else {
@ -38,7 +38,7 @@ window.addEventListener('load', _ => {
document.body.querySelector(".navbar-brand").classList.add("fallen"); document.body.querySelector(".navbar-brand").classList.add("fallen");
document.body.querySelector(".navbar-toggler").classList.add("fallen"); document.body.querySelector(".navbar-toggler").classList.add("fallen");
document.body.querySelector(".navbar-collapse").classList.add("fallen"); document.body.querySelector(".navbar-collapse").classList.add("fallen");
document.body.querySelector(".masthead-avatar").classList.add("fallen"); //document.body.querySelector(".masthead-avatar").classList.add("fallen");
document.body.querySelector(".masthead-heading").classList.add("fallen"); document.body.querySelector(".masthead-heading").classList.add("fallen");
document.body.querySelector(".masthead-subheading").classList.add("fallen"); document.body.querySelector(".masthead-subheading").classList.add("fallen");
} }

14
front/index.html
View File

@ -67,24 +67,14 @@
<!-- ============================== --> <!-- ============================== -->
<header class="masthead text-primary text-center"> <header class="masthead text-primary text-center">
<div class="container d-flex flex-column justify-content-center"> <div class="container d-flex flex-column justify-content-center">
<!-- Masthead Avatar Image-->
<div class="masthead-avatar my-4 w-100">
<img src="/assets/img/profil.png" alt="..." />
</div>
<!-- Masthead Heading--> <!-- Masthead Heading-->
<h1 class="masthead-heading my-4 w-100"> <h1 class="masthead-heading my-4 w-100">
<img src="/assets/img/netoik-title.svg" alt="Netoïk"> <img src="/assets/img/netoik-title.svg" alt="Netoïk">
</h1> </h1>
<div class="masthead-subheading font-weight-light mb-4 w-100"> <div class="masthead-subheading font-weight-light mb-4 w-100">
<!-- Icon Divider-->
<div class="divider-custom">
<div class="divider-custom-line bg-primary border-primary"></div>
<div class="divider-custom-icon text-primary"><i class="fas fa-star"></i></div>
<div class="divider-custom-line bg-primary border-primary"></div>
</div>
<!-- Masthead Subheading--> <!-- Masthead Subheading-->
<h2 class="mb-4">Samuel Campos</h2> <h2 class="my-2">Samuel Campos</h2>
<div class="mx-2">cybersecurity expert &middot; devOps freelance</div> <div class="my-2">cybersecurity expert &middot; devOps freelance</div>
</div> </div>
</div> </div>
</header> </header>