Skip to content

Commit ea23b44

Browse files
nj-codernj-coder
committed
updated build
1 parent 4373021 commit ea23b44

File tree

5 files changed

+98
-2
lines changed

5 files changed

+98
-2
lines changed

‎src/app/pages/home/home.component.html

Lines changed: 20 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,20 @@
1-
<p routerLink="/njtimepicker">home works!</p>
1+
<div class="home">
2+
<div class="container">
3+
<div class="image"></div>
4+
<div class="typewriter" id="typewriter"></div>
5+
<div class="links">
6+
<a class="link-wrap" href="https://www.linkedin.com/in/nidhin-joseph-225b49a3/" target="_blank">
7+
<i class="fab fa-linkedin"></i>
8+
</a>
9+
<a class="link-wrap" href="https://github.com/nj-coder" target="_blank">
10+
<i class="fab fa-github"></i>
11+
</a>
12+
<a class="link-wrap" href="https://stackoverflow.com/users/3289660/nidhin-joseph" target="_blank">
13+
<i class="fab fa-stack-overflow"></i>
14+
</a>
15+
<a class="link-wrap" href="https://www.facebook.com/nidhin.joseph.1992" target="_blank">
16+
<i class="fab fa-facebook-square"></i>
17+
</a>
18+
</div>
19+
</div>
20+
</div>

‎src/app/pages/home/home.component.scss

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
.home {
2+
height: 100%;
3+
width: 100%;
4+
display: flex;
5+
flex-flow: column;
6+
align-items: center;
7+
justify-content: center;
8+
color: #fff;
9+
background: #9D50BB;
10+
background: -webkit-linear-gradient(to right, #6E48AA, #9D50BB) !important;
11+
background: linear-gradient(to right, #6E48AA, #9D50BB) !important;
12+
13+
.container {
14+
.image {
15+
border: 2px solid#fff;
16+
background: #fff;
17+
width: 150px;
18+
height: 150px;
19+
border-radius: 50%;
20+
outline: none;
21+
overflow: hidden;
22+
background: url(../../../assets/images/dp.jpeg);
23+
background-size: cover;
24+
background-position-x: center;
25+
margin: 0 auto;
26+
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
27+
}
28+
29+
.typewriter {
30+
font-size: 2em;
31+
margin-top: 1em;
32+
text-align: center;
33+
34+
small {
35+
font-size: 60%;
36+
}
37+
}
38+
39+
.links {
40+
position: fixed;
41+
width: 100%;
42+
bottom: -50px;
43+
padding: 1em;
44+
text-align: center;
45+
display: flex;
46+
flex-flow: row;
47+
justify-content: center;
48+
transition: all 0.5s;
49+
50+
.link-wrap {
51+
padding: 0.5em 1em;
52+
background: rgba(0, 0, 0, .2);
53+
color: #fff;
54+
border-radius: 7px;
55+
margin-right: 1em;
56+
transition: all 0.2s;
57+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.1);
58+
59+
&:last-child {
60+
margin: 0;
61+
}
62+
63+
&:hover {
64+
transform: scale(1.2);
65+
background: rgba(0, 0, 0, .3);
66+
}
67+
}
68+
}
69+
}
70+
}

‎src/assets/images/dp.jpeg

50.9 KB
Loading

‎src/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8">
5-
<title>NjCoderCom</title>
5+
<title>NJ-Coder</title>
66
<base href="/">
77
<meta name="viewport" content="width=device-width, initial-scale=1">
88
<link rel="icon" type="image/x-icon" href="favicon.ico">

‎src/styles.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,8 @@
11
/* You can add global styles to this file, and also import other style files */
2+
html,
3+
body {
4+
height: 100%;
5+
width: 100%;
6+
margin: 0;
7+
font-family: 'Roboto', sans-serif;
8+
}

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy