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

added navbar and global css

Browse Source
This commit is contained in:
Mystikfluu 2022-05-26 16:49:22 +02:00
parent f63388a919
commit fc7d73e5b4
7 changed files with 64 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
css/global.css Normal file
View File

@ -0,0 +1,33 @@
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: #111;
}
a {
text-decoration: none;
}
a:link, a:visited {
color: green;
}
a:hover {
color: red;
}

10
css/posts.css
View File

@ -56,16 +56,6 @@ button {
font-family: 'system-ui';
}
a {
text-decoration: none;
}
a:link, a:visited {
color: green;
}
a:hover {
color: red;
}
.post,.self {
width: 50%;
margin-left: 25%;

6
views/changePW.html
View File

@ -6,10 +6,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Change Password</title>
<link rel="stylesheet" href="/css/changePW.css">
<link rel="stylesheet" href="/css/global.css">
<script type="text/javascript" src="/js/httppost.js"></script>
</head>
<body>
<div>
<ul class="navbar">
<li><a href="/">Home</a></li>
<li><a href="/user">Profile</a></li>
<li><a href="/posts">Posts</a></li>
</ul>
<h1 id="username">Current User: USER</h1>
<label for="currentPW">Current Password:</label>
<input id="currentPW" placeholder="Current Password" autofocus type="password">

6
views/index.html
View File

@ -1,5 +1,6 @@
<head>
<link rel="stylesheet" href="/css/logon.css">
<link rel="stylesheet" href="/css/global.css">
<script src="/js/index.js" charset="utf-8"></script>
</head>
@ -10,6 +11,11 @@
<main>
<form id="login_form" class="form_class" action="login" method="post">
<div class="info_div">
<ul class="navbar">
<li><a href="/">Home</a></li>
<li><a href="/user">Profile</a></li>
<li><a href="/posts">Posts</a></li>
</ul>
IPost is a revolutionary chatting website <br>
featuring an innovative design <br>

6
views/otheruser.html
View File

@ -6,8 +6,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>USERS Page</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/global.css">
</head>
<body>
<ul class="navbar">
<li><a href="/">Home</a></li>
<li><a href="/user">Profile</a></li>
<li><a href="/posts">Posts</a></li>
</ul>
<h3 id="userName">USER</h3>
<h4 id="userBio">Bio: </h4>
<button id="mentionClick" onclick="mention()">Mention this User in Posts!</button>

6
views/posts.html
View File

@ -4,11 +4,17 @@
<meta charset="utf-8">
<title>Posts</title>
<link rel="stylesheet" href="/css/posts.css">
<link rel="stylesheet" href="/css/global.css">
<script type="text/javascript" src="/js/httppost.js"></script>
<script type="text/javascript" src="/js/htmlescape.js"></script>
</head>
<body>
<ul class="navbar">
<li><a href="/">Home</a></li>
<li><a href="/user">Profile</a></li>
<li><a href="/posts">Posts</a></li>
</ul>
<div class="self">
Username: <span class="Username" id="username-self"></span> <br>
<textarea name="name" id="post-text" rows="8" cols="80"></textarea>

10
views/user.html
View File

@ -6,17 +6,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Logged In</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/global.css">
<script src="/js/httppost.js" charset="utf-8"></script>
</head>
<body onload="setuser()">
<ul class="navbar">
<li><a href="/">Home</a></li>
<li><a href="/user">Profile</a></li>
<li><a href="/posts">Posts</a></li>
</ul>
<h1>Welcome Back!</h1>
<h2 id="user">User: USER</h2>
<br>
<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('/login')">To Login Page</button><button onclick="location.assign('/register')">To Register Page</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>
@ -31,7 +35,7 @@
if(user["error"])bio=user["error"];
if(!bio)bio="wow such empty"
document.getElementById("user").innerText = `User: ${username}`;
document.getElementById("bio").placeholder = bio;
document.getElementById("bio").placeholder = atob(bio);
}