evanmarlo.github.io/index.html at main · evanmarlo/evanmarlo.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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin">
  <link rel="stylesheet" href="style.css">
<title>Evan Anderson Portfolio</title>
</head>

<body>
<div id="first_parallax" class="parallax">
  <!-- Two hamburgers, one is for desktop the other is for mobile -->
  <a href="#!">
    <img id="hamburger" class="navimage" data-is-open="false" onclick="navOpen(false)" src="menu.png">
  </a>
  <a href="#!">
    <img id="hamburger_mobile" class="navimage_mobile" data-is-open="false" onclick="navOpen(true)" src="menu.png">
  </a>
  <div class="nav">
    <div class="nav_item_container">
      <a class="nav_item" href="/">
        <img class="nav_item_img" src="homeicon.png">
        <p class="nav_item_text">Home</p>
      </a>
    </div>
    <div class="nav_item_container">
      <a class="nav_item" href="resume">
        <img class="nav_item_img" src="resumeicon.png">
        <p class="nav_item_text">Resume</p>
      </a>
    </div>
    <div class="nav_item_container">
      <a class="nav_item" href="gaspacs">
        <img class="nav_item_img" src="gasiconsmall.png">
        <p class="nav_item_text">GASPACS</p>
      </a>
    </div>
    <div class="nav_item_container">
      <a class="nav_item" href="dispenser">
        <img class="nav_item_img" src="feedericonsmall.png">
        <p class="nav_item_text">Fish Food Dispenser</p>
      </a>
    </div>
    <div class="nav_item_container">
      <a class="nav_item" href="dashboard">
        <img class="nav_item_img" src="dashboardiconsmall.png">
        <p class="nav_item_text">SOAR Dashboard</p>
      </a>
    </div>
    <div class="nav_item_container">
      <a class="nav_item" href="tutor">
        <img class="nav_item_img" src="keyboardicon.png">
        <p class="nav_item_text">Typing Trainer</p>
      </a>
    </div>
    <div class="nav_item_container">
      <a class="nav_item" href="reclamation">
        <img class="nav_item_img" src="keyicon.png">
        <p class="nav_item_text">License Reclamation</p>
      </a>
    </div>
  </div>
  <div class="intro">
    <p class="intro_text" style="opacity: 0;">Hi, I'm Evan</p>
    <p class="intro_sub_text" style="opacity: 0;">Welcome to my online portfolio.</p>
  </div>
  <div class="arrow" style="opacity: 0;">
    <img id="arrow_img" src="arrow.png" style="display: block; margin-left: auto; margin-right: auto; width: 8em;">
  </div>
</div>

<div class="separator">
  <div class="row">
    <div class="column">
      <img class="headshot_desktop" src="gradphoto.JPG" alt="Evan Anderson holding Utah State University diploma"></img>
    </div>
    <div class="column">
      <div class="column_box">
        <p class="body_header">About Me</p>
        <p class="body_text">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hi! My name is Evan, and I'm from Pocatello, Idaho. I graduated from Utah State University with a Bachelor of Science in Computer Science and a minor in Multimedia Development.</p>
        <p class="body_text">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;I love working with technology and solving problems. Since a young age, I have been fascinated by computers. My interest in video games, and video game development as a kid sparked my interest in coding. This led me to studying Computer Science, and allowed me to discover esports and leadership opportunities in college.</p>
        <p class="body_text">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;As a student, I've been able to work on some interesting projects for my coursework, as well as contribute to meaningful work through various internships. This portfolio showcases some of my favorite projects, and includes links to open source software. For work that is confidential, such as those done as Centene, approved summaries are provided.</p>
        <p class="body_text">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;I am currently working as a ServiceNow Developer at Utah State University. Some languages/technologies I am proficient with are Python, Java, Javascript, SQL, Git, Jira, Photoshop, and Microsoft Office. I am always looking to expand my skillset.</p>
        <br>
        <p class="body_text">Contact: <a href="mailto:evanmand@protonmail.com">evanmand@protonmail.com</a></p>
      </div>
    </div>
  </div>
  <br>
  <div style="margin: auto; width: fit-content; padding-bottom: 2em; display: flex;">
    <a class="contactIconLink" href="https://www.linkedin.com/in/emanderson/" target="_blank">
      <img class="contactIconLeft" src="linkedin.png"  alt="LinkedIn">
    </a>
    <a class="contactIconLink" href="https://github.com/evanmarlo" target="_blank">
      <img class="contactIconRight" src="github.png" alt="GitHub">
    </a>
  </div>
</div>

<script type="text/javascript" src="main.js"></script>

<div class="parallax last_parallax">
  <div class="home_projects">
    <p class="project_text">Featured Projects</p>
    <div class="row">
      <div class="project_column">
        <a class="project_img project_link" style="background-image: url('gasicon.jpg')" onmouseover="projectReveal(0)" onmouseleave="projectHide(0)" href="gaspacs">
          <p class="project_title" id="gas" style="opacity: 0;">GASPACS</p>
        </a>
      </div>
      <div class="project_column">
        <a class="project_img project_link" style="background-image: url('feedericon.jpg')" onmouseover="projectReveal(1)" onmouseleave="projectHide(1)" href="dispenser">
          <p class="project_title" id="fish" style="opacity: 0;">Food Dispenser</p>
        </a>
      </div>
      <div class="project_column">
        <a class="project_img project_link" style="background-image: url('dashboardicon.jpg')" onmouseover="projectReveal(3)" onmouseleave="projectHide(3)" href="dashboard">
          <p class="project_title" id="dashboard" style="opacity: 0;">    SOAR Dashboard    </p>
        </a>
      </div>
    </div>
    <div class="row" style="padding-bottom: 4em;">
      <div class="project_column">
        <a class="project_img project_link" style="background-image: url('tutoricon.jpg')" onmouseover="projectReveal(2)" onmouseleave="projectHide(2)" href="tutor">
          <p class="project_title" id="typing" style="opacity: 0;">AI Typing Trainer</p>
        </a>
      </div>
      <div class="project_column">
        <a class="project_img project_link" style="background-image: url('licenseicon.jpg')" onmouseover="projectReveal(4)" onmouseleave="projectHide(4)" href="reclamation">
          <p class="project_title" id="license" style="opacity: 0;">License Tools</p>
        </a>
      </div>
      <div class="project_column">
      </div>
    </div>
  </div>
</div>
</body>
</html>