diff --git a/front/src/public/extern-profile.html b/front/src/public/extern-profile.html new file mode 100644 index 00000000..318eeeb2 --- /dev/null +++ b/front/src/public/extern-profile.html @@ -0,0 +1,88 @@ + + + + + + + + + + + + + Profile + + + + +
+
+
+
+ profilePic +
+
+
+ UserName +
+ +
+
+
+ 4k
Following +
+
+ 10k
Followers +
+
+
+ +
+
+
+

+ (づ｡◕‿‿◕｡)づ +
+ -Spits facts daily +
+ -Best opinions all around +
+ -Don't hate pls + @gledrian.dev_ +

+
+
+
+ +
+
+
+ + + + diff --git a/front/src/public/profile.html b/front/src/public/profile.html index f7fdee76..df8295bf 100644 --- a/front/src/public/profile.html +++ b/front/src/public/profile.html @@ -2,60 +2,88 @@ - - - - - - - - - Profile + + + + + + + + + Profile - -
-
-
-
- profilePic -
-
-
- Gledrian -
-
-
- -
-
-
-
-
- 4 following -
-
- 0 Followers -
-
-
-
- (づ｡◕‿‿◕｡)づ -
- -Spits facts daily -
- -Best opinions all around -
- -Don't hate pls - @gledrian.dev_ -
-
-
-
+ + + +
+ +
+
+ profilePic +
+
+
+ Username +
+
+
+ +
+
+
+
+
+ 4k
Following +
+
+ 10k
Followers +
+
+
+
+

+ (づ｡◕‿‿◕｡)づ +
+ -Spits facts daily +
+ -Best opinions all around +
+ -Don't hate pls + @gledrian.dev_ +

+
+
+
+
+
+
\ No newline at end of file diff --git a/front/src/public/styles/profile.css b/front/src/public/styles/profile.css index 42898e08..b14b124e 100644 --- a/front/src/public/styles/profile.css +++ b/front/src/public/styles/profile.css @@ -1,31 +1,59 @@ .btn-setting .btn-primary { - border: none; - background-color: black; + border: 1px solid white; + background-color: inherit; + color: white; } + .btn-setting .btn-primary:hover { background-color: black; } -.row { - height: inherit; - width: 100%; +.prof-pic { + max-width: 100%; + height: auto; + margin-bottom: 20px; } -.container-fluid { - height: 100vh; - background-color: black; +.btn-follow .btn-primary { + border: none; + background-color: #2d474f; + margin-top: 20px; + margin-bottom: 20px; } -.prof-name { - margin-left: 15%; +.btn-follow .btn-primary:hover, +.btn-follow:active .btn-primary:focus { + background-color: #63b1b1; } -img { - display: block; - max-width: 100%; - height: auto; +@media only screen and (max-width: 320px) { + main .row { + height: auto; + } +} +/*Nav bar*/ +.fa-regular { + color: white; } -.bio { +.navbar .row { + width: 100vw; +} +nav { + border-bottom: 1px solid gray; +} + +i { + cursor: pointer; +} + +.vl { + border-left: 1px solid gray; height: 100%; + width: 1px; +} + +main { + height: 100vh; + padding: 0 1rem; } diff --git a/front/src/public/styles/styles.css b/front/src/public/styles/styles.css index adc59372..00fbd7e0 100644 --- a/front/src/public/styles/styles.css +++ b/front/src/public/styles/styles.css @@ -30,3 +30,8 @@ i { .btn-primary:active:focus { background-color: #63b1b1; } + +hr { + color: gray !important; + opacity: 1 !important; +}