startitup 🎬

app/index.html

@@ -9,7 +9,7 @@
 <title>David Windham</title>
 <meta property="og:title" content="David Windham"/>
 <meta property="og:description" content="Something Else"/>
-<meta property="og:type" content="website"/><meta property="og:url" content="https://davidwindham.com"/><meta property="og:site_name" content="David Windham"/><meta property="og:image" content="img/og_image.jpg"/><meta property="fb:app_id" content="203136806559589" /><meta name="twitter:site" content="@windhamdavid"><meta name="twitter:creator" content="@windhamdavid"><meta name="twitter:title" content="David Windham"><meta name="twitter:description" content="Something Else"><meta name="twitter:image" content="img/ogt_image.jpg"><meta name="twitter:card" content="summary_large_image"><link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png"><link rel="manifest" href="img/site.webmanifest"><!--<link rel="mask-icon" href="img/safari-pinned-tab.svg" color="#3f3f3f">--><meta name="msapplication-TileColor" content="#000000"><meta name="theme-color" content="#ffffff">
+<meta property="og:type" content="website"/><meta property="og:url" content="https://davidwindham.com"/><meta property="og:site_name" content="David Windham"/><meta property="og:image" content="img/og_image.jpg"/><meta property="fb:app_id" content="203136806559589" /><meta name="twitter:site" content="@windhamdavid"><meta name="twitter:creator" content="@windhamdavid"><meta name="twitter:title" content="David Windham"><meta name="twitter:description" content="Something Else"><meta name="twitter:image" content="img/ogt_image.jpg"><meta name="twitter:card" content="summary_large_image"><link rel="apple-touch-icon" sizes="180x180" href="img/icons/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="img/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="img/icons/favicon-16x16.png"><link rel="manifest" href="img/icons/site.webmanifest"><!--<link rel="mask-icon" href="img/icons/safari-pinned-tab.svg" color="#3f3f3f">--><meta name="msapplication-TileColor" content="#000000"><meta name="theme-color" content="#ffffff">
 <link rel="stylesheet" href="css/dw.css">
 <script type="application/ld+json">
   {
@@ -603,7 +603,8 @@
     <div class="footer-end">
       <div class="row">
         <div class="col-md-6 text-md-left">
-          &copy; 2004-2023
+          &copy; 2004-2023<br />
+          <small>Updated: 11/28/22</small>
         </div>
         <div class="col-md-6 text-end">
           <ul class="footer-links footer-social list-inline">

css/style.css

@@ -40,7 +40,9 @@ body {
      
   
 
-/****** viewports - waypoints  ******/
+/*########################################
+############## Waypoints #################
+#########################################*/
 .viewport {
   position: fixed;
   height: 100%;
@@ -70,7 +72,7 @@ body {
 
 .page-view {
   padding: 7rem 0;
-  transition: opacity 0.4s ease;
+  transition: opacity 0.5s ease;
   opacity: 0;
   position: relative;
   background: transparent !important;
@@ -79,7 +81,7 @@ body {
 }
 
 .page-view>* {
-  transition: all 0.4s ease;
+  transition: all 0.5s ease;
 }
 
 .page-view:after {
@@ -103,27 +105,6 @@ body {
   z-index: 0;
 }
 
-.page-view {
-  padding: 7rem 0;
-  transition: opacity 0.4s ease;
-  opacity: 0;
-  position: relative;
-  background: transparent !important;
-  scroll-snap-align: start;
-  min-height: 100vh;
-}
-
-.page-view>* {
-  transition: all 0.4s ease;
-}
-
-.page-view:after {
-  content: '';
-}
-
-.no-js .page-view {
-  opacity: 1;
-}
 
 /*########################################
 ################# TYPE ###################
@@ -708,9 +689,9 @@ h5.how {
 #########################################*/
 
 #backgroundsvg {
-  background-image: url('/img/web.svg');
+  background-image: url('/img/background.svg');
   background-repeat: no-repeat;
-  background-position: 5% top;
+  background-position: 0% 0%;
   background-size: cover;
   position: fixed;
   top: 0;
@@ -720,9 +701,9 @@ h5.how {
   opacity: .75;
 }
 #backgroundsvg2 {
-  background-image: url('/img/hello.svg');
+  background-image: url('/img/background2.svg');
   background-repeat: no-repeat;
-  background-position: 50% 50%;
+  background-position: 0% 0%;
   background-size: cover;
   position: fixed;
   top: 0;
@@ -732,9 +713,9 @@ h5.how {
   opacity: .75;
 }
 #backgroundsvg3 {
-  background-image: url('/img/footer.svg');
+  background-image: url('/img/background3.svg');
   background-repeat: no-repeat;
-  background-position: 5% top;
+  background-position: 0% 0%;
   background-size: cover;
   position: fixed;
   top: 0;
@@ -745,7 +726,7 @@ h5.how {
 }
 
 
-
+/***************************************************
 .hello {
   background-image: url('/img/hello.svg') !important;
   background-size:cover  !important;
@@ -758,17 +739,13 @@ h5.how {
 }
 #dw-footer {
   background-image: url('/img/footer.svg');
-  /**
-  -webkit-mask-image: url(/img/web.svg);
-  mask-image: url(/img/web.svg);
-  **/
   background-size:100% 100%;
   background-size:cover;
-
   background-repeat: no-repeat;
   background-position: top left, 50%, 50%;
   z-index:11;
 }
+***************************************************/
 
 .lead {
   font-weight: 400;

index.html

@@ -9,7 +9,7 @@
 <title>David Windham</title>
 <meta property="og:title" content="David Windham"/>
 <meta property="og:description" content="Something Else"/>
-<meta property="og:type" content="website"/><meta property="og:url" content="https://davidwindham.com"/><meta property="og:site_name" content="David Windham"/><meta property="og:image" content="img/og_image.jpg"/><meta property="fb:app_id" content="203136806559589" /><meta name="twitter:site" content="@windhamdavid"><meta name="twitter:creator" content="@windhamdavid"><meta name="twitter:title" content="David Windham"><meta name="twitter:description" content="Something Else"><meta name="twitter:image" content="img/ogt_image.jpg"><meta name="twitter:card" content="summary_large_image"><link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png"><link rel="manifest" href="img/site.webmanifest"><!--<link rel="mask-icon" href="img/safari-pinned-tab.svg" color="#3f3f3f">--><meta name="msapplication-TileColor" content="#000000"><meta name="theme-color" content="#ffffff">
+<meta property="og:type" content="website"/><meta property="og:url" content="https://davidwindham.com"/><meta property="og:site_name" content="David Windham"/><meta property="og:image" content="img/og_image.jpg"/><meta property="fb:app_id" content="203136806559589" /><meta name="twitter:site" content="@windhamdavid"><meta name="twitter:creator" content="@windhamdavid"><meta name="twitter:title" content="David Windham"><meta name="twitter:description" content="Something Else"><meta name="twitter:image" content="img/ogt_image.jpg"><meta name="twitter:card" content="summary_large_image"><link rel="apple-touch-icon" sizes="180x180" href="img/icons/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="img/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="img/icons/favicon-16x16.png"><link rel="manifest" href="img/icons/site.webmanifest"><!--<link rel="mask-icon" href="img/icons/safari-pinned-tab.svg" color="#3f3f3f">--><meta name="msapplication-TileColor" content="#000000"><meta name="theme-color" content="#ffffff">
 <!-- build:css css/dw.css -->
 <link rel="stylesheet" href="css/fullcalendar.css">
 <link rel="stylesheet" href="css/styles.css">
@@ -607,7 +607,8 @@
     <div class="footer-end">
       <div class="row">
         <div class="col-md-6 text-md-left">
-          &copy; 2004-2023
+          &copy; 2004-2023<br />
+          <small>Updated: 11/28/22</small>
         </div>
         <div class="col-md-6 text-end">
           <ul class="footer-links footer-social list-inline">

js/_init.js

@@ -84,8 +84,8 @@ function parallax() {
     xScrollPosition = window.scrollX;
     yScrollPosition = window.scrollY;
     setTranslate(0, yScrollPosition * -0.2, backgroundsvg);
-    setTranslate(0, yScrollPosition * -1.5, backgroundsvg2);
-    setTranslate(0, yScrollPosition * 0.5, backgroundsvg3);
+    setTranslate(0, yScrollPosition * -0.5, backgroundsvg2);
+    setTranslate(0, yScrollPosition * -0.8, backgroundsvg3);
     requestAnimationFrame(scrollLoop);
   };
   scrollLoop();