Skip to content

Commit

Permalink
Many new updates to site! Home page is now completed, more personality
Browse files Browse the repository at this point in the history
  • Loading branch information
@smuuule
smuuule committed Apr 4, 2023
1 parent e2070aa commit 6959e5c
Show file tree
Hide file tree
Showing 5 changed files with 114 additions and 57 deletions.
62 changes: 31 additions & 31 deletions src/app/header/header.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,42 +2,42 @@
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<div class="collapse navbar-collapse justify-content-center" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" routerLink="/" routerLinkActive="active">
<i class="bi bi-house-fill"></i> home
<i><img src="../../assets/favicon/favicon-32x32.png"></i> home
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="bi bi-person-fill"></i> about
</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="/resume" routerLinkActive="active">
<i class="bi bi-file-earmark-text-fill"></i> resumé
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle dropdown-toggle-split" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="bi bi-tools"></i> projects
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" (click)="goToLink('https://gh3.smule.dev')">gh3 song picker</a>
<a class="dropdown-item" (click)="goToLink('https://smule.dev/assets/projektrapport.pdf')">security system project</a>
<a class="dropdown-item" (click)="goToLink('https://github.com/smuuule/aoc2021-smule')">advent of code</a>
<a class="dropdown-item" (click)="goToLink('https://snake.smule.dev')">simplesnake.js</a>
<a class="dropdown-item" (click)="goToLink('https://pong.smule.dev')">simplepong.js</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">all projects</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="bi bi-person-lines-fill"></i> contact
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="bi bi-person-fill"></i> about
</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="/resume" routerLinkActive="active">
<i class="bi bi-file-earmark-text-fill"></i> resumé
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle dropdown-toggle-split" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="bi bi-tools"></i> projects
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" (click)="goToLink('https://gh3.smule.dev')">gh3 song picker</a>
<a class="dropdown-item" (click)="goToLink('https://github.com/smuuule/DAT290-13')">security system project</a>
<a class="dropdown-item" (click)="goToLink('https://github.com/smuuule/aoc2021-smule')">advent of code</a>
<a class="dropdown-item" (click)="goToLink('https://snake.smule.dev')">simplesnake.js</a>
<a class="dropdown-item" (click)="goToLink('https://pong.smule.dev')">simplepong.js</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">all projects</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="bi bi-person-lines-fill"></i> contact
</a>
</li>
</ul>
</div>
</nav>
17 changes: 17 additions & 0 deletions src/app/header/header.component.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,10 +11,27 @@ abe-header {
}
}
}

i {
font-size: 32px;
}

.navbar-custom {
background-color: $header_color;
}

.nav-link {
color:ghostwhite;
}

.navbar-nav > li > .dropdown-menu {
background-color: #2e4f4f;
}

.navbar-nav > li > .dropdown-menu a {
color: ghostwhite;
}

.navbar-nav > li > .dropdown-menu a:hover {
color: black;
}
24 changes: 14 additions & 10 deletions src/app/home/home.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,26 +9,30 @@ <h1 class="title text-center">
</h1>
<h2 class="text-center"> CSE Student and Computer Enthusiast</h2>

<img class="img-thumbnail mx-auto d-block" src="../../assets/home-photo.jpg" width="200">
<img class="img-thumbnail mx-auto d-block" src="../../assets/home-photo.jpg">

<div class="intro">
<p>
👋Hi! I'm Samuel, a Computer Science and Engineering Student at Chalmers, Gothenburg.
But I am also a music lover, gamer and computer geek. I'd really like to talk, so contact me on my social media!
Hi! I'm Samuel! 👋<br>
A Computer Science and Engineering Student at Chalmers, Gothenburg. 🎓 <br>
But I am also a music lover 🎶, gamer 🕹️ and computer geek 🤓. <br>
I'd really like to talk, so contact me on my social media! 🗣️ <br>
</p>
</div>

<div class="socials">

<a (click)="goToLink('https://github.com/smuuule')"><i class="bi bi-github"></i></a>
&nbsp;
<a (click)="goToLink('https://www.linkedin.com/in/samuelrunmarkthunell')"><i class="bi bi-linkedin"></i></a>
&nbsp;
<a (click)="goToLink('https://www.facebook.com/samuel.thunell')"><i class="bi bi-facebook"></i></a>
&nbsp;
<a (click)="goToLink('https://www.instagram.com/samuel.runell')"><i class="bi bi-instagram"></i></a>
<div>
<a (click)="goToLink('https://github.com/smuuule')"><i class="bi bi-github"></i></a>
<a (click)="goToLink('https://www.linkedin.com/in/samuelrunmarkthunell')"><i class="bi bi-linkedin"></i></a>
</div>
<div>
<a (click)="goToLink('https://www.facebook.com/samuel.thunell')"><i class="bi bi-facebook"></i></a>
<a (click)="goToLink('https://www.instagram.com/samuel.runell')"><i class="bi bi-instagram"></i></a>
</div>

</div>
</div>

<div class="clear"></div>
<app-footer class="mt-auto"></app-footer>
68 changes: 52 additions & 16 deletions src/app/home/home.component.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@
color: $white_font;
display: flex;
flex-direction: column;
height: 100%;
margin-top: 3rem;
}

.title {
Expand All @@ -20,13 +22,48 @@ h2 {
font-size: 2vw;
}

img {
width: 10vw;
margin-top: 1.5rem;
}

.intro {
width: 50%;
margin: 0 auto;
font-size: 1rem;
text-align: center;
margin-top: 2rem;
word-wrap: break-word;
overflow-wrap: break-word;
}

.socials {
width: 32rem;
margin: 0 auto;
margin-top: 8px;
font-size: 4rem;
text-align: center;
}

a {
color:burlywood;
}

a + a {
margin-left: 50px;
}


@media(min-width: 75rem) {
.title {
font-size: 6rem;
}
h2 {
font-size: 4rem;
}
.intro {
font-size: 2rem;
}
}
@media(min-width: 45rem) {
.title {
Expand All @@ -35,24 +72,23 @@ h2 {
h2 {
font-size: 2vw;
}
.intro {
font-size: 2rem;
}
}

.intro {
width: 32rem;
margin: 0 auto;
font-size: 1.3rem;
text-align: left;
margin-top: 8px;
@media(max-width: 32rem) {
.socials {
width: 100%;
}
}

.socials {
width: 32rem;
margin: 0 auto;
margin-top: 8px;
font-size: 4rem;
text-align: center;
@media(min-width: 30rem) {
.intro {
font-size: 1.5rem;
}
}

a {
color:burlywood;
.clear {
clear: both;
height: 60px;
background-color: $bg_color;
}
Binary file added src/assets/projektrapport.pdf
View file
Binary file not shown.

0 comments on commit 6959e5c

Please sign in to comment.