Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@zauxt
zauxt authored Dec 6, 2024
1 parent 3a0a526 commit 9a53d71
Show file tree
Hide file tree
Showing 2 changed files with 85 additions and 44 deletions.
67 changes: 32 additions & 35 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,53 +7,50 @@
<body>
<h1><strong>Ben Bush</strong></h1>

<hr style="border: none; border-top: 10px solid black; margin: 10px 0;">
<hr style="border: none; border-top: 10px solid white; margin: 10px 0;">

<h2> About Me </h2>
<h2>About Me:</h2>
<div class="about">
<img src="images/profile_image.PNG">
<p>
Hey! My name is Ben Bush and I'm a student at USC studying Computer Science. I'm passionate about learning about anything and everything that has ever and will ever exist and doing the things that make me feel fulfilled along the way. One of my goals is to utilize my skillset in such a way that it positively changes the world around me.
</p>
<img src="files/Headshot.PNG">
<p>Hey! My name is Ben Bush and I'm a student at USC studying Computer Science. I'm passionate about learning about anything and everything that has ever and will ever exist and doing the things that make me feel fulfilled along the way. One of my goals is to utilize my skillset in such a way that it positively changes the world around me.</p>
</div>

<hr style="border: none; border-top: 10px solid black; margin: 10px 0;">
<hr style="border: none; border-top: 10px solid white; margin: 10px 0;">

<h2>Skills:</h2>
<div class="skills">
<p>Java, Python, C++, MongoDB, SQLite, HTML, CSS<br><a href="files/Resume.pdf" target="_blank">Here is a link to my resume!</a></p>
</div>
<p>Java, Python, C++, MongoDB, SQLite, HTML, CSS</p>

<hr style="border: none; border-top: 10px solid black; margin: 10px 0;">
<hr style="border: none; border-top: 10px solid white; margin: 10px 0;">

<h2>Highlighted Projects:</h2>
<div class="projects">
<section class="project">
<a href="https://drive.google.com/file/d/1Bq7sNzXBJEqx6lT2nYawtUyjAcBQho9x/view?usp=sharing">
<h3>Prototype</h3>
</a>
<a href="https://drive.google.com/file/d/1Bq7sNzXBJEqx6lT2nYawtUyjAcBQho9x/view?usp=sharing"><img src="files/Prototype.png" class="img"></a>
<p>This paper prototype video is supposed to be like a "USC Community" app. This allows students to view all events in one space, meet new people, and create new experiences. Although tons of information is available through platforms such as GarnetGate and HandShake, this can serve as a medium that includes all types of events (especially informal ones) and a plethora of other things too. Students and faculty can connect in a way that they never quite could before, with chatrooms, events ranging from volunteering to just hanging out, and so much more to dive into with the app.</p>
</section>

<sectionm class ="project">
<a href="https://github.com/zauxt/programs" target="_blank">
<h3>Algorithmic Design II Projects</h3>
</a>
<a href="https://github.com/zauxt/programs"><img src="files/Programs.png" class="img" target="_blank"></a>
<p>This paper prototype video is supposed to be like a "USC Community" app. This allows students to view all events in one space, meet new people, and create new experiences. Although tons of information is available through platforms such as GarnetGate and HandShake, this can serve as a medium that includes all types of events (especially informal ones) and a plethora of other things too. Students and faculty can connect in a way that they never quite could before, with chatrooms, events ranging from volunteering to just hanging out, and so much more to dive into with the app.</p>
</sectionm>
</div>

<section class="project">
<a href="https://drive.google.com/file/d/1Bq7sNzXBJEqx6lT2nYawtUyjAcBQho9x/view?usp=sharing">
<h3>Prototype</h3>
</a>
<a href="https://drive.google.com/file/d/1Bq7sNzXBJEqx6lT2nYawtUyjAcBQho9x/view?usp=sharing"><img src="images/Prototype.png"></a>
<p>This paper prototype video is supposed to be like a "USC Community" app. This allows students to view all events in one space, meet new people, and create new experiences. Although tons of information is available through platforms such as GarnetGate and HandShake, this can serve as a medium that includes all types of events (especially informal ones) and a plethora of other things too. Students and faculty can connect in a way that they never quite could before, with chatrooms, events ranging from volunteering to just hanging out, and so much more to dive into with the app.</p>
</section>

<section class="project">
<a href="https://docs.google.com/document/d/1_-kH_gHUM4PwhcD04c9s5RxP9Hdmr2ZkGsa_Z7khqhY/edit?usp=sharing">
<h3>Resume</h3>
</a>
<a href="https://docs.google.com/document/d/1_-kH_gHUM4PwhcD04c9s5RxP9Hdmr2ZkGsa_Z7khqhY/edit?usp=sharing"><img src="images/Resume.png"></a>
<p>Here is a link to my resume!</p>
</section>

<hr style="border: none; border-top: 10px solid black; margin: 10px 0;">

<hr style="border: none; border-top: 10px solid white; margin: 10px 0;">

<h2>Contact Me:</h2>
<p>
- Email: [email protected] <br>
- <a href="https://www.linkedin.com/in/ben-bush-228151336/">Click Here For LinkedIn</a> <br>
- <a href="https://github.com/zauxt/">Click Here For GitHub</a>
</p>
<div class="contact"></div>
<div class="contact">
<a href="mailto:[email protected]">Email</a>
<a href="https://www.linkedin.com/in/ben-bush-228151336/" target="_blank">LinkedIn</a>
<a href="https://github.com/zauxt/" target="_blank">GitHub</a>
</div>

</body>
</html>
</html>
62 changes: 53 additions & 9 deletions styles.css
View file
Original file line number Diff line number Diff line change
@@ -1,25 +1,26 @@
body {
background: salmon;
background: #3EB489;
font-family: Lucida Handwriting, Helvetica, Times, sans-serif;
text-align: center;
}

h2 {
color: black;
color: white;
}

strong {
display: inline-block;
width: 250px;
border: 5px solid #000;
border: 5px solid white;
text-align: center;
color: white
}

.about {
display:flex;
flex-wrap:wrap;
margin-right: 350px;
margin-left: 350px;
margin-right: 550px;
margin-left: 550px;
justify-content: center;
background-color: white;
padding: 5px
Expand All @@ -35,17 +36,60 @@ strong {
.about img {
width: 150px;
height: 200px;
border: 5px solid blue;
border: 5px solid #3EB489;
}

.skills {
display: none;
text-align: center;
padding: 5px;
background-color: white;
border-radius: 15px;
margin: 10px 725px;
justify-content: center;
}

.projects {
display: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}

.project {
width: 30%;
margin: 15px;
padding: 20px 10px;
background: white;
border-radius: 25%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}

.img {
max-width: 500px;
max-height: 500px;
height: auto;
object-fit: contain;
display: block;
margin: 0 auto;
border: 5px solid #3EB489;
}

.contact {
display: none;
text-align: center;
padding: 5px;
background-color: white;
border-radius: 15px;
margin: 10px 800px;
justify-content: center;
}

a:link {
color: #3EB489
}

a:visited {
color: #3EB489
}

0 comments on commit 9a53d71

Please sign in to comment.