danjoredd/3d_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added more HTML, made scrolling slower so it is less zoom-y

Browse Source
This commit is contained in:
Daniel Jones 2024-05-08 11:01:50 -05:00
parent e0cd947b92
commit 51a11ee33d
2 changed files with 39 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
index.html
View File

@ -7,8 +7,8 @@
<title>Vite App</title> <title>Vite App</title>
</head> </head>
<body> <body>
<canvas id="bg"></canvas> <canvas id="bg"></canvas>
<div id="div1" class="page-wrapper"> <div id="div1" class="page-wrapper">
<header> <header>
@ -23,9 +23,9 @@
<p> <p>
<h1>Projects: </h1> <h1>Projects: </h1>
<ul> <ul>
<a href="https://git.whoisthisjoker.com/Daniel/3d_website"><li>This website</li></a> <a href="https://git.whoisthisjoker.com/Daniel/3d_website"><li>This website</li></a>
Personal project (2024)
<ul> <ul>
Personal project (2024)
<li>Written in Javascript and uses the Node Package Manager</li> <li>Written in Javascript and uses the Node Package Manager</li>
<li>Utilizes three dimensional graphics to provide an interesting visual experience</li> <li>Utilizes three dimensional graphics to provide an interesting visual experience</li>
<li>Uses context-sensitive animations to provide interactivity</li> <li>Uses context-sensitive animations to provide interactivity</li>
@ -39,58 +39,57 @@
</ul> </ul>
</ul> </ul>
</p> </p>
<!-- Professional Experience--> <!-- Professional Experience-->
<p> <p>
<h1>Professional Experience: </h1> <h1>Professional experience: </h1>
<ul> <ul>
<li>Business Systems Analyst (2021 - current)</li> <a href="https://www.letu.edu/offices/administration-finance/it/staff.html#ContentBlock-1-3"><li>Systems Analyst</li></a>
LeTourneau University, Longview, Texas (2021 - current)
<br>
Responsibilities:
<ul> <ul>
<li>LeTourneau University, Longview, TX</li> <li>Analyze, patch, and mitigate security vulnerabilities</li>
<li>Perform bug fixes in ASP.net web pages</li>
<li>Automate tasks on Debian Linux using Bash</li>
</ul> </ul>
<li>Help Desk Associate (2021)</li> <a href="https://git.whoisthisjoker.com/Daniel/bibliofile"><li>Help Desk</li></a>
<ul> IT Yall, Dallas, TX(2021)
<li>IT Yall, Dallas, TX</li> <br>
</ul> Responsibilities:
<ul>
<li>task 1</li>
<li>task 2</li>
<li>task 3</li>
</ul>
</ul> </ul>
</p> </p>
<!--educational experience--> <!--educational experience-->
<p> <p>
<h1>Education: </h1> <h1>Education: </h1>
<ul> <ul>
<li> B.S. Information Systems (August 2017 - December 2020)</li> <li> B.S. Information Systems (August 2017 - December 2020)</li>
LeTourneau University
<ul>
<li> Learned software engineering, encryption algorithms, and penetration testing methodologies</li>
<li> Designed software such as Pick-A-Student, Bouncer, and Paperwork Avalanche</li>
<li> Wrote and executed exploits for metasploitable OS</li>
</ul>
<li> A.S. Business Management (January 2015 - May 2017)</li> <li> A.S. Business Management (January 2015 - May 2017)</li>
<ul>
<li> Took classes on Economics, Accounting, and leadership</li>
<li> Joined the Phi Theta Kappa society and regularly attended meetings</li>
<li> Earned the Deans List recognition in Fall of 2016</li>
</ul>
<li> Homeschooled (September 2001 - May 2014) </li> <li> Homeschooled (September 2001 - May 2014) </li>
</ul> </ul>
</p> </p>
<br>
<br>
<br>
howdy
<br>
<br>
<br>
doody
<br>
<br>
<br>
every
<br>
<br>
<br>
body
<script type="module" src="/main.js"></script> <script type="module" src="/main.js"></script>
</div> </div>
</body> </body>
</html> </html>

6
main.js
View File

@ -2,7 +2,7 @@
Author: Daniel Jones Author: Daniel Jones
IDE: VSCodium IDE: VSCodium
Browsers tested: Firefox 125 Browsers tested: Firefox 125
Last change: 04/24/24 Last change: 05/08/24
purpose: portfolio website to show to potential freelance customers/web developer positions purpose: portfolio website to show to potential freelance customers/web developer positions
*/ */
@ -52,7 +52,7 @@ pointLight.position.set(10, 10, 10);
//const controls = new OrbitControls(camera, renderer.domElement); //const controls = new OrbitControls(camera, renderer.domElement);
//floor object that appears in the background //floor object that appears in the background
const floorTexture = new THREE.TextureLoader().load("marble.jpg"); const floorTexture = new THREE.TextureLoader().load("marble.jpg");
floorTexture.wrapT = THREE.RepeatWrapping; floorTexture.wrapT = THREE.RepeatWrapping;
floorTexture.wrapS = THREE.RepeatWrapping; floorTexture.wrapS = THREE.RepeatWrapping;
@ -69,7 +69,7 @@ scene.add(floor);
//when the user scrolls, walk down the hallway. //when the user scrolls, walk down the hallway.
function updateCamera(ev){ function updateCamera(ev){
let div1 = document.getElementById("div1"); let div1 = document.getElementById("div1");
camera.position.z = 10 - window.scrollY; camera.position.z = 100 - window.scrollY / 3;
} }
window.addEventListener("scroll", updateCamera); window.addEventListener("scroll", updateCamera);