code002lover/IPost
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

user page style now similar to login

Browse Source
This commit is contained in:
Mystikfluu 2022-06-03 08:42:30 +02:00
parent 00e5ed3c21
commit c05c5d47e0
2 changed files with 34 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
css/style.css
View File

@ -4,10 +4,14 @@
body { body {
background-color: black; background-color: black;
color: white; color: black;
text-align: center; text-align: center;
} }
h1 {
color: white;
}
button { button {
font-size: 18px; font-size: 18px;
margin: 10px; margin: 10px;
@ -18,7 +22,7 @@ button {
} }
#bio { #bio {
color:white; color:black;
font-size: 20px; font-size: 20px;
background-color: black; background-color: black;
border: 0px solid black; border: 0px solid black;
@ -26,6 +30,16 @@ button {
} }
.bio { .bio {
color:white; color:black;
font-size: 20px; font-size: 20px;
} }
main {
display: flex;
align-items: center;
justify-content: center;
height: 75vh;
width: 100%;
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Mountains-1412683.svg/1280px-Mountains-1412683.svg.png) no-repeat center center;
background-size: cover;
}

26
views/user.html
View File

@ -15,15 +15,23 @@
<li><a href="/user">Profile</a></li> <li><a href="/user">Profile</a></li>
<li><a href="/posts">Posts</a></li> <li><a href="/posts">Posts</a></li>
</ul> </ul>
<h1>Welcome Back!</h1> <header>
<h2 id="user">User: USER</h2> <h1>Welcome Back!</h1>
<br> </header>
<span class="bio">Bio: <input type="text" id="bio" disabled placeholder="wow such empty"></span> <main>
<button id="changeBio" onclick="bioChanger()">Change Bio</button> <form id="login_form" class="form_class" action="login" method="post">
<br> <div class="info_div">
<button onclick="location.assign('/changePW')">Want to change your password?</button> <h2 id="user">User: USER</h2>
<br> <br>
<button onclick="location.assign('/posts')">Want to chat with some cool fellas?</button> <span class="bio">Bio: <input type="text" id="bio" disabled placeholder="wow such empty"></span>
<button id="changeBio" onclick="bioChanger()">Change Bio</button>
<br>
<button onclick="location.assign('/changePW')">Want to change your password?</button>
<br>
<button onclick="location.assign('/posts')">Want to chat with some cool fellas?</button>
</div>
</form>
</main>
<script> <script>
async function setuser() { async function setuser() {
let user = await (await fetch("/api/getuser")).json(); let user = await (await fetch("/api/getuser")).json();