Skip to content

Commit

Permalink
Add about section
Browse files Browse the repository at this point in the history
  • Loading branch information
nayakrujul committed Feb 15, 2024
1 parent 2b8358d commit 1fed5f7
Show file tree
Hide file tree
Showing 2 changed files with 56 additions and 0 deletions.
45 changes: 45 additions & 0 deletions homepage.css
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ html {
body {
margin: 0;
font-family: Helvetica, Arial, sans-serif;
text-align: center;
}

h1#heading {
Expand Down Expand Up @@ -77,6 +78,13 @@ ul li p.ul-description {
width: 25vw;
}

p#about-description {
padding-left: 25%;
padding-right: 25%;
padding-top: 2rem;
padding-bottom: 2rem;
}

@media (max-width: 800px) {
ul#header-list li {
font-size: 1rem;
Expand All @@ -91,6 +99,9 @@ ul li p.ul-description {
div#header {
display: none;
}
p#about-description {
padding: 0;
}
}

a {
Expand All @@ -102,4 +113,38 @@ a {
a:hover {
filter: brightness(1.2);
text-decoration: underline;
}

.wave {
animation-name: wave-animation;
animation-duration: 2.2s;
animation-iteration-count: infinite;
transform-origin: 70% 70%;
display: inline-block;
}

@keyframes wave-animation {
0% { transform: rotate( 0.0deg) }
10% { transform: rotate(14.0deg) }
20% { transform: rotate(-8.0deg) }
30% { transform: rotate(14.0deg) }
40% { transform: rotate(-4.0deg) }
50% { transform: rotate(10.0deg) }
60% { transform: rotate( 0.0deg) }
100% { transform: rotate( 0.0deg) }
}

.move-up-down {
animation: MoveUpDown 1s linear infinite;
position: absolute;
font-style: normal;
}

@keyframes MoveUpDown {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-8px);
}
}
11 changes: 11 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -19,13 +19,24 @@
<div id="header">
<ul id="header-list">
<li><a href="#heading">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#python">Python Projects</a></li>
<li><a href="#websites">Websites</a></li>
</ul>
</div>

<h1 id="heading">RUJUL NAYAK</h1>

<h2 id="about" class="subheading">About</h2>

<p id="about-description">
Hi, I'm Rujul <span class="wave">🖐</span>. I'm a student in the UK, and I'm very passionate about Maths and Computer Science.
<br /> <br />
Check out my projects below.
<br /> <br />
<a href="#python" class="move-up-down"></a>
</p>

<h2 id="python" class="subheading">Python Projects</h2>

<ul class="list">
Expand Down

0 comments on commit 1fed5f7

Please sign in to comment.