add alt favicon and footer controller
This commit is contained in:
parent
f7b7690086
commit
d61f2c5975
BIN
images/favicon2.ico
Normal file
BIN
images/favicon2.ico
Normal file
Binary file not shown.
After Width: | Height: | Size: 797 B |
@ -10,7 +10,8 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
<title>Tben Design V3</title>
|
||||
<meta name="description" content="Web/Graphic/Motion Designer, UI UX Designer, Frontend Web Developer">
|
||||
<link rel="shortcut icon" href="https://www.dropbox.com/s/fftv7ewhi13tisa/favicon.ico?dl=0" type="image/x-icon">
|
||||
<link rel="shortcut icon" href="https://benjamintoby.github.io/personal_site/images/favicon2.ico"
|
||||
type="image/x-icon">
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800|Material+Icons" rel="stylesheet">
|
||||
|
||||
|
||||
@ -170,7 +171,7 @@
|
||||
|
||||
<!-- #################################################################################-- Contact Me -->
|
||||
|
||||
<section class="my-work-section">
|
||||
<section class="contact-section">
|
||||
<div>
|
||||
<h2 class="scroll-into-view-content">So. Let's have a chat</h2>
|
||||
<p class="scroll-into-view-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
|
||||
@ -212,6 +213,8 @@
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="contact-section-controller"></div>
|
||||
</section>
|
||||
|
||||
|
||||
|
29
main.css
29
main.css
@ -507,7 +507,7 @@ input:focus {
|
||||
|
||||
|
||||
|
||||
/*############################################################# -- About Me -- */
|
||||
/*############################################################# -- My Specialties -- */
|
||||
|
||||
.my-specialties-section {
|
||||
justify-content: flex-start;
|
||||
@ -554,6 +554,33 @@ input:focus {
|
||||
|
||||
|
||||
|
||||
/*############################################################# -- Contact Me -- */
|
||||
|
||||
.contact-section {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.contact-section > div:nth-of-type(2) {
|
||||
background-color: var(--sec-color-1);
|
||||
}
|
||||
|
||||
.contact-section-controller {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
@ -13,6 +13,8 @@ const mainCTA = document.querySelector(".main-cta-button");
|
||||
const allHeaderElements = document.querySelectorAll("header *");
|
||||
const mountains = document.querySelectorAll("#mountains");
|
||||
const clouds = document.querySelectorAll("#clouds");
|
||||
const footerController = document.querySelector(".contact-section-controller");
|
||||
const header = document.querySelector("header");
|
||||
|
||||
|
||||
function intro() {
|
||||
@ -163,7 +165,7 @@ var headerObserver = new IntersectionObserver(changeHeader, windowRect);
|
||||
function changeHeader(entry) {
|
||||
|
||||
if (entry[0].isIntersecting) {
|
||||
document.querySelector("header").className = "none";
|
||||
header.className = "none";
|
||||
anime({
|
||||
targets: "header img",
|
||||
width: 40,
|
||||
@ -181,7 +183,7 @@ function changeHeader(entry) {
|
||||
});
|
||||
|
||||
} else {
|
||||
document.querySelector("header").classList.add("scrolled");
|
||||
header.classList.add("scrolled");
|
||||
anime({
|
||||
targets: "header img",
|
||||
width: 60,
|
||||
@ -237,6 +239,7 @@ function sectionsObserverFn(entries) {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.classList.add("scrolled-into-view");
|
||||
headerObserver.observe(footerController);
|
||||
|
||||
// anime({
|
||||
// targets: contents[entry.target.firstElementChild],
|
||||
@ -326,6 +329,8 @@ myToolsIO.observe(myToolsParagraph);
|
||||
|
||||
//############################################# -- Contact Form
|
||||
|
||||
|
||||
|
||||
//var form = document.getElementById("my-form");
|
||||
//
|
||||
// async function handleSubmit(event) {
|
||||
|
Loading…
Reference in New Issue
Block a user