wallzdev.github.io/index.html at main · WallzDev/wallzdev.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en">

<nav class="navbar">
  <div class="logo">Andres Wallace</div>

  <div class="links">
    <a href="index.html">About Me</a>
    <a href="projects.html">Projects</a>
    <a href="resume.html">Resume</a>
    <a href="code.html">Code Samples</a>
  </div>
</nav>

<head>
  <meta charset="UTF-8">
  <title>Andres Wallace - Gameplay Programmer</title>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="style.css">
</head>
<body>

  <section class="hero">
    <h1>Andres Wallace</h1>
    <p>Gameplay Programmer - Unity (C#)</p>
  </section>

  <section class="about">
    <h2>About Me</h2>
    <p>
      Hey! my name is Andres Wallace, I am a passionate Gamer and Game developer, I specialize in gameplay and systems programming in Unity using C#. </p>

      <p>I'm interested in player movement, combat systems, game feel, smooth UI and UX feel. But! I Love learning new things and I'm open to anything programming related.</p>

      <p>I regularly find myself looking at other games and wondering how they programmed each interaction.</p>

      <p>What i love most about game development is being able to make the player feel immersed and have them feel real emotions as games have done for me.
        As well as the problem solving aspect.
      </p>

      <p>Thanks for checking me out!!!
    </p>
  </section>

  <section class="mini-projects">
    <h2>Projects</h2>

    <p>Check out some of the cool stuff I've worked on!</p>

    <div class="carousel">

      <button class="arrow left" onclick="prevSlide()">❮</button>
      <div class="carousel-track">
        <img src="images/Project1.png" class="slide active">
        <img src="images/Project2.png" class="slide">
        <img src="images/Project3.png" class="slide">
      </div>
      <button class="arrow right" onclick="nextSlide()">❯</button>
    </div>
    <p>You can view more projects on my <a href="projects.html">Projects</a> page!</p>
  </section>

  <section class="contact">
    <h2>Contact Me</h2>
    <p>Email: awallace.dev@gmail.com</p>
    <p>GitHub: <a href="https://github.com/WallzDev">WallzDev</a></p>
    <p>LinkedIn: <a href="https://www.linkedin.com/in/andres-wallace-a953593b2">Andres Wallace</a></p>
  </section>

</body>

</html>

<script>
let currentSlide = 0;
const slides = document.querySelectorAll(".slide");

function showSlide(index) {
  slides.forEach(slide => slide.classList.remove("active"));
  slides[index].classList.add("active");
}

function nextSlide() {
  currentSlide = (currentSlide + 1) % slides.length;
  showSlide(currentSlide);
}

function prevSlide() {
  currentSlide = (currentSlide - 1 + slides.length) % slides.length;
  showSlide(currentSlide);
}
</script>