tben/personal-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

More mobile fixes

Browse Source
This commit is contained in:
BenjaminToby
2021-06-07 09:12:19 +01:00
parent 13c0f9e58a
commit 87d3205297
3 changed files with 93 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
v2.html
+9 -9
View File
@@ -69,10 +69,10 @@
<!-- #################################################################################-- Hero Section -->
<section style="z-index:1;perspective:400px;" class="hero-section">
<div style="perspective:400px;transform-style:preserve-3d;" class="hero-container">
<section class="hero-section">
<div class="hero-container">
<div class="hero-graphic-wrapper-init" id="hero-graphic-container">
<div class="hero-graphic-controller translate" data-speed=".25">
<div class="hero-graphic-controller translate" data-speed=".2">
<div id="benjamin-hero-text"></div>
<div class="hero-graphic-block">
<img src="images/placeholder-portrait-2.png" alt="" width="380px" height="auto">
@@ -80,7 +80,7 @@
</div>
</div>
<div class="hero-text-wrapper translate" data-speed=".15" style="perspective:500px;transform-style:preserve-3d;">
<div class="hero-text-wrapper translate" data-speed=".1" style="perspective:500px;transform-style:preserve-3d;">
<div class="hero-text-block-init" style="transform-style:preserve-3d;" id="hero-text-controller">
Hi. I'm a
<h1 style="font-family:inherit;">
@@ -115,9 +115,9 @@
<!-- #################################################################################-- My Work Section -->
<section class="below-fold translate menu-color-change" data-speed=".1" id="section-2">
<div style="perspective:400px;transform-style:preserve-3d;">
<div class="container-darkbg translate" data-speed="0" style="perspective:400px;transform-style:preserve-3d;">
<section class="below-fold menu-color-change" data-speed=".1" id="section-2">
<div>
<div class="container-darkbg translate" data-speed=".1" id="my-work-text-section">
<h2 class="scroll-into-view">Some of my Work</h2>
<p class="scroll-into-view">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
</div>
@@ -151,8 +151,8 @@
<!-- #################################################################################-- About Me Section -->
<section style="z-index:-10;padding-top:500px;">
<div style="perspective:400px;transform-style:preserve-3d;" class="mobile-flip">
<section style="z-index:-10;padding-top:300px;">
<div class="mobile-flip">
<div class="container translate" data-speed="0.04" style="perspective:400px;transform-style:preserve-3d;">
<div class="about-me-img-block scroll-into-view"></div>
</div>