Skip to content

Commit b2819f4

Browse files
nj-codernj-coder
committed
added fonts
1 parent 94073f0 commit b2819f4

File tree

5 files changed

+85
-27
lines changed

5 files changed

+85
-27
lines changed

‎dist/index.html

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,17 +8,27 @@
88
<meta name='viewport' content='width=device-width, initial-scale=1'>
99
<link rel='stylesheet' type='text/css' media='screen' href='style.min.css'>
1010
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
11+
<link href="https://kit-pro.fontawesome.com/releases/v5.10.2/css/pro.min.css" rel="stylesheet">
1112
</head>
1213

1314
<body style="background: #9D50BB;">
1415
<div class="container">
15-
<div class="image">
16-
<div class="img-wrap"></div>
16+
<div class="image"></div>
17+
<div class="typewriter" id="typewriter"></div>
18+
<div class="links">
19+
<div class="link-wrap">
20+
<i class="fab fa-stack-overflow"></i>
21+
</div>
22+
<div class="link-wrap">
23+
<i class="fab fa-stack-overflow"></i>
24+
</div>
25+
<div class="link-wrap">
26+
<i class="fab fa-stack-overflow"></i>
27+
</div>
28+
<div class="link-wrap">
29+
<i class="fab fa-stack-overflow"></i>
30+
</div>
1731
</div>
18-
<div class="typewriter" id="typewriter">
19-
20-
</div>
21-
<div class="links"></div>
2232
</div>
2333
<script src="script.min.js" type="text/javascript"></script>
2434
</body>

‎dist/style.css

Lines changed: 19 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ body {
1818
flex-flow: column;
1919
align-items: center;
2020
justify-content: center; }
21-
.container .image .img-wrap {
21+
.container .image {
2222
border: 2px solid #fff;
2323
background: #fff;
2424
width: 150px;
@@ -28,10 +28,27 @@ body {
2828
overflow: hidden;
2929
background: url(assets/images/dp.jpeg);
3030
background-size: cover;
31-
background-position-x: center; }
31+
background-position-x: center;
32+
margin: 0 auto; }
3233
.container .typewriter {
3334
font-size: 2em;
3435
margin-top: 1em;
3536
text-align: center; }
3637
.container .typewriter small {
3738
font-size: 60%; }
39+
.container .links {
40+
position: fixed;
41+
width: 100%;
42+
bottom: 0;
43+
padding: 1em;
44+
text-align: center;
45+
display: flex;
46+
flex-flow: row;
47+
justify-content: center; }
48+
.container .links .link-wrap {
49+
padding: 0.5em 1em;
50+
background: rgba(0, 0, 0, 0.1);
51+
border-radius: 7px;
52+
margin-right: 1em; }
53+
.container .links .link-wrap:last-child {
54+
margin: 0; }

‎dist/style.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/index.html

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,17 +8,27 @@
88
<meta name='viewport' content='width=device-width, initial-scale=1'>
99
<link rel='stylesheet' type='text/css' media='screen' href='style.min.css'>
1010
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
11+
<link href="https://kit-pro.fontawesome.com/releases/v5.10.2/css/pro.min.css" rel="stylesheet">
1112
</head>
1213

1314
<body style="background: #9D50BB;">
1415
<div class="container">
15-
<div class="image">
16-
<div class="img-wrap"></div>
16+
<div class="image"></div>
17+
<div class="typewriter" id="typewriter"></div>
18+
<div class="links">
19+
<div class="link-wrap">
20+
<i class="fab fa-stack-overflow"></i>
21+
</div>
22+
<div class="link-wrap">
23+
<i class="fab fa-stack-overflow"></i>
24+
</div>
25+
<div class="link-wrap">
26+
<i class="fab fa-stack-overflow"></i>
27+
</div>
28+
<div class="link-wrap">
29+
<i class="fab fa-stack-overflow"></i>
30+
</div>
1731
</div>
18-
<div class="typewriter" id="typewriter">
19-
20-
</div>
21-
<div class="links"></div>
2232
</div>
2333
<script src="script.min.js" type="text/javascript"></script>
2434
</body>

‎src/main.scss

Lines changed: 33 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -22,18 +22,17 @@ body {
2222
justify-content: center;
2323

2424
.image {
25-
.img-wrap {
26-
border: 2px solid#fff;
27-
background: #fff;
28-
width: 150px;
29-
height: 150px;
30-
border-radius: 50%;
31-
outline: none;
32-
overflow: hidden;
33-
background: url(assets/images/dp.jpeg);
34-
background-size: cover;
35-
background-position-x: center;
36-
}
25+
border: 2px solid#fff;
26+
background: #fff;
27+
width: 150px;
28+
height: 150px;
29+
border-radius: 50%;
30+
outline: none;
31+
overflow: hidden;
32+
background: url(assets/images/dp.jpeg);
33+
background-size: cover;
34+
background-position-x: center;
35+
margin: 0 auto;
3736
}
3837

3938
.typewriter {
@@ -45,4 +44,26 @@ body {
4544
font-size: 60%;
4645
}
4746
}
47+
48+
.links {
49+
position: fixed;
50+
width: 100%;
51+
bottom: 0;
52+
padding: 1em;
53+
text-align: center;
54+
display: flex;
55+
flex-flow: row;
56+
justify-content: center;
57+
58+
.link-wrap {
59+
padding: 0.5em 1em;
60+
background: rgba(0, 0, 0, .1);
61+
border-radius: 7px;
62+
margin-right: 1em;
63+
64+
&:last-child {
65+
margin: 0;
66+
}
67+
}
68+
}
4869
}

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