2021_dev-profile / dev-profile

Go to a project
Toggle navigation Toggle navigation pinning
김채리
6ada939f 1 parent 59f811fa

CSS update for join/log in

Inline Side-by-side
Showing 5 changed files with 72 additions and 3 deletions
1 +// i.fas.fa-location-arrow {
2 +// display: flex;
3 +// justify-content: center;
4 +// align-items: center;
5 +// width: 30px;
6 +// height: auto;
7 +// object-fit: cover;
8 +// }
9 +
10 +h3 {
11 + display: flex;
12 + justify-content: center;
13 + align-items: center;
14 + margin-top: 50px;
15 + font-weight: 700;
16 + font-family: "Roboto", sans-serif;
17 + font-size: 30px;
18 + opacity: 0.8;
19 +}
20 +
21 +a {
22 + .login-github {
23 + display: flex;
24 + justify-content: center;
25 + border-radius: 25px;
26 + align-items: center;
27 + margin-top: 30px;
28 + height: 80px;
29 + background-color: rgb(93, 32, 167);
30 + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11),
31 + 0 4px 4px rgba(0, 0, 0, 0.11), 0 6px 8px rgba(0, 0, 0, 0.11),
32 + 0 8px 16px rgba(0, 0, 0, 0.11);
33 + font-family: "Raleway", sans-serif;
34 + color: white;
35 + font-size: 50px;
36 + font-weight: 500;
37 + font-family: "Roboto", sans-serif;
38 + font-size: 25px;
39 + }
40 +}
1 .user-quote { 1 .user-quote {
2 + margin-top: 20px;
2 h2 { 3 h2 {
3 font-size: 30px; 4 font-size: 30px;
4 font-family: "Vollkorn", serif; 5 font-family: "Vollkorn", serif;
5 margin: 15px 0px; 6 margin: 15px 0px;
6 } 7 }
7 h3 { 8 h3 {
8 - font-size: 15px; 9 + display: flex;
10 + margin-right: 100px;
11 + flex-direction: row-reverse;
12 + font-size: 20px;
9 opacity: 0.5; 13 opacity: 0.5;
10 font-family: "Vollkorn", serif; 14 font-family: "Vollkorn", serif;
11 } 15 }
12 } 16 }
17 +label {
18 + font-family: "Raleway", sans-serif;
19 + font-size: 13px;
20 + font-weight: bold;
21 + padding: 10px;
22 +}
23 +.user-profile {
24 + .user-profile__column {
25 + img {
26 + width: 100px;
27 + height: 100px;
28 + object-fit: cover;
29 + }
30 + .user-profile__link {
31 + display: flex;
32 + font-family: "Raleway", sans-serif;
33 + flex-wrap: wrap;
34 + font-weight: bold;
35 + width: 5px;
36 + color: rgb(92, 92, 221);
37 + }
38 + }
39 +}
......
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
10 @import "./screens/home.scss"; 10 @import "./screens/home.scss";
11 @import "./screens/editProfile.scss"; 11 @import "./screens/editProfile.scss";
12 @import "./screens/userDetail.scss"; 12 @import "./screens/userDetail.scss";
13 +@import "./screens/join.scss";
13 14
14 // Defaults 15 // Defaults
15 16
......
...@@ -2,7 +2,7 @@ extends layouts/main ...@@ -2,7 +2,7 @@ extends layouts/main
2 2
3 block content 3 block content
4 i.fas.fa-location-arrow 4 i.fas.fa-location-arrow
5 - h3 Start with GitHub! 5 + h3 Join Us!
6 a(href="/auth/github") 6 a(href="/auth/github")
7 .login-github 7 .login-github
8 i.fab.fa-github 8 i.fab.fa-github
......
...@@ -4,12 +4,13 @@ block content ...@@ -4,12 +4,13 @@ block content
4 .user-quote 4 .user-quote
5 h2=quote 5 h2=quote
6 h3=author 6 h3=author
7 +
7 hr 8 hr
8 .user-profile 9 .user-profile
9 .user-profile__column 10 .user-profile__column
10 img(src=`/${user.avatarUrl}`) 11 img(src=`/${user.avatarUrl}`)
11 .user-profile__link 12 .user-profile__link
12 - a(href=user.githubUrl target="_blank") Github 13 + a(href=user.githubUrl target="_blank") Github
13 a(href=`//${user.blogUrl}` target="_blank") Blog 14 a(href=`//${user.blogUrl}` target="_blank") Blog
14 .user-profile__column 15 .user-profile__column
15 .user-profile__info 16 .user-profile__info
......