Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@ofjuneskies
ofjuneskies authored Jan 8, 2024
1 parent a0dbdab commit a5ac432
Showing 1 changed file with 131 additions and 114 deletions.
245 changes: 131 additions & 114 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,10 @@
<title>Of June Skies</title>
<link rel="icon" type="image/x-icon" href="images/sky1-modified.png">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">

<link rel=”stylesheet” href=”css/bootstrap.css”>
<link rel=”stylesheet” href=”css/bootstrap-responsive.css”>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Expand Down Expand Up @@ -58,17 +62,19 @@
<body>
<div id = "about">
<br><br><br><br>
<div class="container row">
<div class="parent col col-5">
<div class = "wrapper">
<p class = "layer2 col-11">Fun fact! My brand, OfJuneSkies, is my username on most platforms.
It was inspired by the name of an album, <i>Of June</i>, by my childhood artist Owl City.
I added "Skies" because I love the sky, the stars, and everything beyond our atmosphere.
</p>
<img class="image me_image" src="images/IMG_3295.jpg">
<div class="container row align-items-center justify-content-center mx-auto">
<div class="parent col-xs-12 col-lg-5">
<div class = "container row d-flex align-items-center justify-content-center mx-auto">
<div class="wrapper">
<p class = "layer2 under_text">Fun fact! My brand, OfJuneSkies, is my username on most platforms.
It was inspired by the name of an album, <i>Of June,</i> by my childhood artist Owl City.
I added "Skies" because I love the sky, the stars, and everything beyond our atmosphere.
</p>
<img class="image me_image" src="images/IMG_3295.jpg">
</div>
</div>
</div>
<div class="col paragraph col-6">
<div class="paragraph col-xs-12 col-lg-6">
<h4 class="about_text">&emsp;about</h4>
<br><br>
<p>
Expand All @@ -84,161 +90,172 @@ <h4 class="about_text">&emsp;about</h4>
<br><br>
<div id = "experience">
<h4 class="exp_text">experience</h4>
<div class="container row justify-content-center mx-auto">
<div class="parent col-lg-3">
<div class="container row d-flex align-items-center justify-content-center mx-auto">
<div class="parent col-xs-12 col-md-6 col-lg-3">
<div class = "wrapper">
<p class = "layer2 bio_text"><i>WICS Community Outreach Committee Member</i>
<br>
<p class = "layer2 bio_text">&emsp;<i> WICS Community Outreach Committee Member</i>
December 2021 - June 2023
<br> <br>
<i>WICS Community Outreach Co-Chair</i>
<br>
&emsp;<i>WICS Community Outreach Co-Chair</i>

June 2023 - Present
</p>
<img class="image exp_image" src="images/wics.png">
</div>
</div>
<div class="parent col-lg-3">

<div class="parent col-xs-12 col-md-6 col-lg-3">
<div class = "wrapper">
<p class = "layer2 bio_text" >&emsp;<i>VenusHacks Logistics <br>&emsp;Organizer</i>
<br>
&emsp;January 2023 - June 2023
<p class = "layer2 bio_text">&emsp;<i>Hack at UCI Logistics<br>Organizer</i>

May 2023 - Present
</p>
<img class="image exp_image" src="images/vh.png">
<img class="image exp_image" src="images/hack-modified.png">
</div>
</div>

<div class="parent col-lg-3">
<div class="parent col-xs-12 col-md-6 col-lg-3">
<div class = "wrapper">
<p class = "layer2 bio_text"><i>Hack at UCI Logistics<br>Organizer</i>
<br>
May 2023 - Present
<p class = "layer2 bio_text" >&emsp;&emsp;<i>VenusHacks Logistics <br>Organizer</i>

January 2023 - June 2023
</p>
<img class="image exp_image" src="images/hack-modified.png">
<img class="image exp_image" src="images/vh.png">
</div>
</div>

<div class="parent col-lg-3">
<div class="parent col-xs-12 col-md-6 col-lg-3">
<div class = "wrapper">
<p class = "layer2 bio_text"><i>ICS 31 Learning Assistant<br>Organizer</i>
<br>
<p class = "layer2 bio_text">&emsp;<i>ICS 31 Learning Assistant Organizer</i>

September 2022 - December 2022
</p>
<img class="image exp_image" src="images/UCI.png">
</div>
</div>
</div>
</div>

<div id="break">
<p class = "quote">“I wonder what it would be like to live in a world where it was always June.”</p>
<p class = "quote">&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
― L. M. Montgomery, Anne of the Island</p>
<br><br><br><br>
<div class="container row justify-content-center mx-auto">
<div id="break" class="col-6">
<p class = "quote">“I wonder what it would be like to live in a world where it was always June.”</p>
<p class = "quote">&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
― L. M. Montgomery, Anne of the Island</p>
</div>
</div>
<div id = "spotify">
june tunes ☆彡
<br>
<br>
<!--
<iframe
style="border-radius:12px"
src="https://open.spotify.com/embed/track/7zZV0st7iiQSz5Rlarl77U?utm_source=generator"
width="25%"
height="100"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
<iframe
style="border-radius:12px"
src="https://open.spotify.com/embed/track/391ld8zBXxJRJlspCe6kUR?utm_source=generator"
width="25%"
height="100"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
<iframe
style="border-radius:12px"
src="https://open.spotify.com/embed/track/2G0Euh2XsSOtvgtMbysJmE?utm_source=generator"
width="25%"
height="100"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
<br><br><br><br>
<div class="container row justify-content-center mx-auto">
<div id = "spotify" class="col-9">
june tunes ☆彡
<br>
<br>
<!--
<iframe
style="border-radius:12px"
src="https://open.spotify.com/embed/track/7zZV0st7iiQSz5Rlarl77U?utm_source=generator"
width="25%"
height="100"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
<br>
<iframe
style="border-radius:12px"
src="https://open.spotify.com/embed/track/391ld8zBXxJRJlspCe6kUR?utm_source=generator"
width="25%"
height="100"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
<iframe
style="border-radius:12px"
src="https://open.spotify.com/embed/track/0b1kU7KgZSnH7n7TBy921o?utm_source=generator&theme=0"
width="25%"
height="100"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
<iframe
style="border-radius:12px"
src="https://open.spotify.com/embed/track/2G0Euh2XsSOtvgtMbysJmE?utm_source=generator"
width="25%"
height="100"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
<iframe
style="border-radius:12px"
src="https://open.spotify.com/embed/track/1BxfuPKGuaTgP7aM0Bbdwr?utm_source=generator"
width="25%"
height="100"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
<br>
<iframe
style="border-radius:12px"
src="https://open.spotify.com/embed/track/6r3rcW6zVB4borsTKI1DLq?utm_source=generator"
width="25%"
height="100"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
-->
<div class="playlists">
<iframe
style="border-radius:12px"
src="https://open.spotify.com/embed/playlist/1PMGuAOlH70DP0gDDzZlUZ?utm_source=generator"
width="100%"
height="352"
src="https://open.spotify.com/embed/track/0b1kU7KgZSnH7n7TBy921o?utm_source=generator&theme=0"
width="25%"
height="100"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
</iframe>
<iframe
style="border-radius:12px"
src="https://open.spotify.com/embed/playlist/4j1du8VIKnH3MNWHUVYzNA?utm_source=generator"
width="100%"
height="352"
src="https://open.spotify.com/embed/track/1BxfuPKGuaTgP7aM0Bbdwr?utm_source=generator"
width="25%"
height="100"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
<iframe
style="border-radius:12px"
src="https://open.spotify.com/embed/playlist/7jiQemqr9EFtd2zlzMEQ7h?utm_source=generator"
width="100%"
height="352"
src="https://open.spotify.com/embed/track/6r3rcW6zVB4borsTKI1DLq?utm_source=generator"
width="25%"
height="100"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
</iframe>
-->
<div class="playlists container row justify-content-center mx-auto">
<div class="col-xs-12 col-lg-4">
<iframe
style="border-radius:12px"
src="https://open.spotify.com/embed/playlist/1PMGuAOlH70DP0gDDzZlUZ?utm_source=generator"
width="100%"
height="352"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
</div>
<div class="col-xs-12 col-lg-4">
<iframe
style="border-radius:12px"
src="https://open.spotify.com/embed/playlist/4j1du8VIKnH3MNWHUVYzNA?utm_source=generator"
width="100%"
height="352"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
</div>
<div class="col-xs-12 col-lg-4">
<iframe
style="border-radius:12px"
src="https://open.spotify.com/embed/playlist/0k0P5bAAhBgTvBGxqbhOLu?utm_source=generator"
width="100%"
height="352"
frameBorder="0"
allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
loading="lazy">
</iframe>
</div>
</div>
</div>

</div>
Expand Down

0 comments on commit a5ac432

Please sign in to comment.