Skip to content

Commit

Permalink
Changed background type for faster indexing time
Browse files Browse the repository at this point in the history
  • Loading branch information
@tienthedev
tienthedev committed Dec 11, 2023
1 parent 1e463f2 commit 65e0e09
Show file tree
Hide file tree
Showing 3 changed files with 53 additions and 180 deletions.
41 changes: 18 additions & 23 deletions academic.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,13 +18,7 @@

</head>
<body>
<div class="video-background">
<video id="videoBackground" muted loop>
<source src="media/glassDNA.mp4" type="video/mp4">
<!-- Provide fallback content if the browser doesn't support the video -->
<img src="media/mountain.jpg" alt="Fallback Image">
</video>
</div>

<div class="container-fluid custom-footer" data-aos="fade-down">
<nav class="navbar navbar-expand-lg navbar-dark container" >
<a href="index.html" class="navbar-brand">
Expand Down Expand Up @@ -70,9 +64,9 @@
<div id="home" class="container text-center flex-column d-flex justify-content-center align-items-center"
style="height: 100vh;">
<p class="display-5" data-aos="fade-up">Bachelor of Science in Computer Science</p>
<p class="display-6" data-aos="fade-up">University of Texas at Arlington.</p>
<p class="display-6" data-aos="fade-up">The University of Texas at Arlington.</p>
<p class="display-7 " data-aos="fade-up">Maverick Academic Scholarship, Alex Daniel Goolsby Scholarship</p>
<p class="display-7 " data-aos="fade-up">Classification: Sophomore | Cumulative GPA: 3.571</p>
<p class="display-7 " data-aos="fade-up">Classification: Sophomore, 2nd Year</p>

<div class="arrow-wrapper justify-content-center">
<a href="#classes" class="arrow text-light text-decoration-none display-6">&#8595;</a>
Expand All @@ -85,7 +79,7 @@
<div class="container-fluid text-center display-5" data-aos="fade-up">
<p>Relevant Coursework</p>
</div>
<div id="professional" class="d-flex flex-wrap">
<div id="professional" class="d-flex flex-wrap pb-5">

<div class="container-fluid text-start custom-background-class" data-aos="fade-up">
<p>Introduction to Computers & Programming</p>
Expand All @@ -97,7 +91,7 @@
</div>
<div class="container-fluid text-start custom-background-class" data-aos="fade-up">
<p>Object-Oriented Programming</p>
<p>Grade: In Progress</p>
<p>Grade: A</p>
</div>
<div class="container-fluid text-start custom-background-class" data-aos="fade-up">
<p>Discrete Structures</p>
Expand All @@ -108,6 +102,19 @@
<p>Introduction to Computer Science & Engineering</p>
<p>Grade: A</p>
</div>
<div class="container-fluid text-start custom-background-class" data-aos="fade-up">
<p>Data Structure & Algorithm</p>
<p>Grade: In Progress</p>
</div>
<div class="container-fluid text-start custom-background-class" data-aos="fade-up">
<p>Linear Algebra</p>
<p>Grade: In Progress</p>
</div>

<div class="container-fluid text-start custom-background-class" data-aos="fade-up">
<p>Computer Organization & Assembly Language Programming</p>
<p>Grade: A</p>
</div>
</div>
</div>

Expand Down Expand Up @@ -145,18 +152,6 @@
<script>
// noinspection JSUnresolvedReference
AOS.init();
function isMobileDevice() {
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}

// Autoplay the video on desktop, pause it on mobile
const videoBackground = document.getElementById("videoBackground");

if (isMobileDevice()) {
videoBackground.removeAttribute("autoplay"); // Remove the autoplay attribute on mobile
} else {
videoBackground.play(); // Autoplay the video on desktop
}

</script>
</body>
Expand Down
67 changes: 35 additions & 32 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
<!doctype html>
<!--suppress JSUnresolvedReference -->
<html lang="en">
<head>
<meta charset="utf-8">
Expand Down Expand Up @@ -39,19 +40,17 @@
<div class="collapse navbar-collapse" id="toggleMobileMenu">
<ul class="navbar-nav ms-auto text-end">
<li>
<a class="nav-link" href="index.html">Home</a>
<a class="nav-link" href="index.html">HOME</a>
</li>
<li>
<a class="nav-link" href="#project">Projects</a>
<a class="nav-link" href="#project">PROJECTS</a>
</li>
<li>
<a class="nav-link" href="academic.html">Academic</a>
</li>
<li>
<a class="nav-link" href="teaching.html">Teaching</a>
<a class="nav-link" href="academic.html">ACADEMIC</a>
</li>

<li>
<a class="nav-link" href="#contact">Contact</a>
<a class="nav-link" href="#contact">CONTACT</a>
</li>
</ul>
</div>
Expand All @@ -61,21 +60,22 @@
<div id="home" class="container-fluid text-center flex-column d-flex justify-content-center align-items-center"
style="height: 100vh;">
<h1 style="font-family: 'Yellowtail', cursive; font-size: 20vw;" data-aos="fade-up">Tien Le</h1>
<p class="display-6" data-aos="fade-up">Full Stack Developer // Robotic Instructor // Computer Science
student</p>
<p class="display-6" data-aos="fade-up">I'M A ROBOTIC TEACHER, A SOFTWARE ENGINEER, AND A COMPUTER SCIENCE STUDENT</p>
<p class="display-6" data-aos="fade-up">NICE TO MEET YOU!</p>

<div class="arrow-wrapper justify-content-center">
<a href="#experience" class="arrow text-light text-decoration-none display-6">&#8595;</a>
</div>
</div>
<div id="experience" class="container flex-md-column" style=" padding-top: 100px">
<div class="container-fluid text-center display-5" data-aos="fade-up">
<p>Professional Experiences</p>
<p>PROFESSIONAL EXPERIENCE</p>
</div>
<div>
<div class="container-fluid text-start custom-background-class" data-aos="fade-up">
<div class="m-4">
<p>OCT 2021-AUG 2022</p>
<p>Software Engineering Intern // General Motor Financial</p>
<p>SOFTWARE ENGINEER INTERN // GENERAL MOTOR FINANCIAL</p>
</div>
<div class="m-4">
<ul>
Expand All @@ -92,23 +92,17 @@ <h1 style="font-family: 'Yellowtail', cursive; font-size: 20vw;" data-aos="fade-
<div class="container-fluid text-start custom-background-class" data-aos="fade-up">
<div class="m-4">
<p>AUG 2023-PRESENT</p>
<p>STEM Instructor // Magikid Robotics Lab</p>
<p>ROBOTIC TEACHER // MAGIKID</p>

</div>
<div class="m-4">
<ul>

<li>
Developed and delivered engaging robotics curriculum for kids, emphasizing hands-on learning
and practical application.
Developed and delivered engaging robotics curriculum for YOUNG MINDS.
</li>
<li>
Mentored students in building and programming robots using VEX robotics kits, fostering
creativity and problem-solving skills.
</li>
<li>
Coordinated logistics for tournament participation, ensuring robot inspection, rule
compliance, and team organization.
Mentored students in building and programming robots using VEX robotics PLATFORM
</li>
<li>
Managed teams and created a positive learning environment that facilitated student success.
Expand All @@ -123,44 +117,56 @@ <h1 style="font-family: 'Yellowtail', cursive; font-size: 20vw;" data-aos="fade-

<div id="project" class="container flex-md-column" style="height: auto; margin-top:50px;">
<div class="container-fluid text-center display-5" data-aos="fade-up">
<p>Software Development</p>
<p>SOFTWARE DEVELOPMENT</p>
</div>
<div id="software" class="d-flex flex-wrap">
<a href="projects/tienportfolio.html" class="text-decoration-none text-light">
<div class="container-fluid text-start custom-background" data-aos="fade-up">
<p>tienl.dev Portfolio</p>
<p>TIENL.DEV PORTFOLIO</p>
<p>HTML | CSS | BOOTSTRAP | JAVASCRIPT | NETWORK PROTOCOLS AND PRACTICES | GITHUB | GIT</p>
</div>
</a>
<a href="projects/remyusshop.html" class="text-decoration-none text-light">
<div class="container-fluid text-start custom-background" data-aos="fade-up">
<p>Remy US Shop - Online Business Store</p>
<p>REMY US SHOP // ONLINE RETAIL STORE</p>
<p>C# | TYPESCRIPT | XML | HTML | CSS | GIT | GITHUB | AGILE</p>
</div>
</a>
<a href="projects/invento.html" class="text-decoration-none text-light">
<div class="container-fluid text-start custom-background" data-aos="fade-up">
<p>Invento - Inventory Management System</p>
<p>INVENTO // INVENTORY MANAGEMENT SYSTEM</p>
<p>JAVA | JSON | GIT | GITHUB</p>
</div>
</a>
<a href="projects/invento.html" class="text-decoration-none text-light">
<div class="container-fluid text-start custom-background" data-aos="fade-up">
<p>TD LIRBARY // LIBRARY MANAGEMENT SYSTEM</p>
<p>JAVA | JSON | GIT | GITHUB</p>
</div>
</a>
<a href="projects/invento.html" class="text-decoration-none text-light">
<div class="container-fluid text-start custom-background" data-aos="fade-up">
<p>TD POS // MOBILE POINT OF SALE SYSTEM FOR IOS & ANDROID</p>
<p>JAVA | JAVA SWING | JSON | MONGODB | REACT | REACT NATIVE | GIT | GITHUB</p>
</div>
</a>

</div>
<div class="container-fluid text-center display-5" style="margin-top: 50px" data-aos="fade-up">
<p>Raspberry Pi Development</p>
<p>HARDWARE DEVELOPEMENT</p>
</div>
<div id="raspberry" class="d-flex flex-wrap">

<div class="container-fluid text-start custom-background" data-aos="fade-up">
<p>Security Motion Doorbell</p>
<p>SECURITY MOTION-DETECTED DOORBELL</p>
<p>Raspberry Pi 4B | C | GDB/GNU Debugger</p>
</div>
<div class="container-fluid text-start custom-background" data-aos="fade-up">
<p>Ultrasonic Range Finder</p>
<p>ULTRASONIC RANGE FINDER</p>
<p>Raspberry Pi 4B | C | GDB/GNU Debugger</p>
</div>
<div class="container-fluid text-start custom-background" data-aos="fade-up">
<p>Wireless Local Area Network Chat Console</p>
<p>WIRELESS LOCAL AREA NETWORK CHAT INTERFACE</p>
<p>Raspberry Pi 4B | C | GDB/GNU Debugger</p>
</div>
</div>
Expand All @@ -186,8 +192,7 @@ <h1 style="font-family: 'Yellowtail', cursive; font-size: 20vw;" data-aos="fade-
<a href="https://www.gmfinancial.com/en-us/company/newsroom/stem_practicum.html" target="_blank"
class="text-light display-3 text-decoration-none custom-contact-link">General Motor Financial</a>
<a href="https://www.aisd.net/district-news/college-night-gives-students-a-jump-on-their-higher-education-plans/"
target="_blank" class="text-light display-3 text-decoration-none custom-contact-link">Arlington Independent
School District</a>
target="_blank" class="text-light display-3 text-decoration-none custom-contact-link">Arlington ISD</a>
<a href="https://magikidlab.com/HighlandPark/instructor?instructor=11053329"
target="_blank" class="text-light display-3 text-decoration-none custom-contact-link">Magikid Robotic Lab</a>
</div>
Expand Down Expand Up @@ -222,8 +227,6 @@ <h1 style="font-family: 'Yellowtail', cursive; font-size: 20vw;" data-aos="fade-
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();


</script>

</body>
Expand Down
125 changes: 0 additions & 125 deletions teaching.html
View file

This file was deleted.

0 comments on commit 65e0e09

Please sign in to comment.