new directory structure and starting settings pages
This commit is contained in:
21
freechat-client/src/pages/index.html
Normal file
21
freechat-client/src/pages/index.html
Normal file
@@ -0,0 +1,21 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
|
||||
<link rel="stylesheet" href="../resources/css/pure.css"/>
|
||||
<link rel="stylesheet" href="../src/css/welcome.css"/>
|
||||
<title>Freechat</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1 class="center">Freechat login</h1>
|
||||
<script src="../js/local-auth.js"></script>
|
||||
<form class="pure-form center">
|
||||
<fieldset>
|
||||
<input id="domainname" type="text" placeholder="Domain: freechat.io"><br>
|
||||
<input id="username" type="text" placeholder="Username"><br>
|
||||
<input id="password" type="password" placeholder="Password"><br>
|
||||
<button type="button" class="pure-button pure-button-primary">Submit</button><br>
|
||||
</fieldset>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
12
freechat-client/src/pages/settings.html
Normal file
12
freechat-client/src/pages/settings.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
|
||||
<link rel="stylesheet" href="../resources/css/pure.css"/>
|
||||
<link rel="stylesheet" href="../src/css/settings.css"/>
|
||||
<title>Settings</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>this is the settings page</p>
|
||||
</body>
|
||||
</html>
|
||||
24
freechat-client/src/sass/settings.scss
Normal file
24
freechat-client/src/sass/settings.scss
Normal file
@@ -0,0 +1,24 @@
|
||||
@import 'general';
|
||||
|
||||
$text-color: white;
|
||||
|
||||
label {
|
||||
color: $text-color;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: $text-color;
|
||||
display: block;
|
||||
}
|
||||
.center {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
::placeholder {
|
||||
color: $back-grey;
|
||||
}
|
||||
|
||||
input {
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
Reference in New Issue
Block a user