Unverified Commit 43c21a03 authored by Kiryuu Sakuya's avatar Kiryuu Sakuya
Browse files

Update

parent f947b5b7
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="120mm"
height="120.00001mm"
viewBox="0 0 120 120.00001"
version="1.1"
id="svg8"
inkscape:version="0.92.1 r15371"
sodipodi:docname="Generic avatar.svg">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.1894531"
inkscape:cx="96.728967"
inkscape:cy="188.27139"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1017"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-43.204007,-85.320039)">
<rect
style="opacity:0.98999999;fill:#e6e6e6;fill-opacity:0.24637681;stroke:#000000;stroke-width:0.06454252;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4576"
width="119.49368"
height="119.93546"
x="43.457169"
y="85.35231" />
<g
id="g4574"
transform="translate(126.12414,-0.65106087)">
<path
d="m 37.047129,145.97115 a 59.967239,59.967209 0 0 1 -59.715003,59.96667 59.967239,59.967209 0 0 1 -60.217354,-59.46221 59.967239,59.967209 0 0 1 59.208425,-60.466899 59.967239,59.967209 0 0 1 60.715444,58.953529"
sodipodi:open="true"
sodipodi:end="6.2663603"
sodipodi:start="0"
sodipodi:ry="59.967209"
sodipodi:rx="59.967239"
sodipodi:cy="145.97115"
sodipodi:cx="-22.920111"
sodipodi:type="arc"
id="path4498"
style="opacity:0.98999999;fill:#999999;fill-opacity:0.77064221;stroke:#000000;stroke-width:0.06547602;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
id="path4500"
transform="scale(0.26458333)"
d="m -87.9375,395.13477 a 103.80704,103.80699 0 0 0 -102.49219,104.67187 103.80704,103.80699 0 0 0 41.75391,82.23828 141.61518,141.6151 0 0 0 -79.5625,128.29688 141.61518,141.6151 0 0 0 1.6582,19.33789 226.64785,226.64772 0 0 0 11.15235,8.40234 132.17416,132.17408 0 0 1 -3.36915,-27.82031 132.17416,132.17408 0 0 1 79.32032,-122.10352 103.80704,103.80699 0 0 0 53.285154,14.58008 103.80704,103.80699 0 0 0 52.429687,-14.5957 132.17416,132.17408 0 0 1 79.289063,118.78515 l 0.01953,2.22266 a 132.17416,132.17408 0 0 1 -3.242187,28.64063 226.64785,226.64772 0 0 0 11.042968,-7.89649 141.61518,141.6151 0 0 0 1.640625,-20.74414 l -0.01953,-2.38281 a 141.61518,141.6151 0 0 0 -79.412109,-124.84375 103.80704,103.80699 0 0 1 -0.259766,0.17578 103.80704,103.80699 0 0 0 41.882813,-83.16602 l -0.01367,-1.74804 A 103.80704,103.80699 0 0 0 -87.9375,395.13477 Z m 0.119141,9.43554 A 94.370033,94.36999 0 0 1 7.7285156,497.3457 l 0.013672,1.58789 a 94.370033,94.36999 0 0 1 -93.9726566,94.36914 94.370033,94.36999 0 0 1 -94.763671,-93.57617 94.370033,94.36999 0 0 1 93.175781,-95.15625 z"
style="opacity:0.98999999;fill:#e6e6e6;fill-opacity:1;stroke:#000000;stroke-width:0.25984651;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
inkscape:connector-curvature="0" />
</g>
</g>
</svg>
@import 'footer';
@import 'login';
@import 'register';
@import 'settings';
@import 'postlist';
.top-padding {
padding-top: 40px;
......
@import 'variables';
.music-list {
margin-top: 12px;
}
.music-container {
margin-bottom: 18px;
padding: 10px 10px 10px 10px;
background: #fafafa;
border: 0.1rem solid #707070;
}
.audio-body {
display: flex;
position: relative;
height: 100%;
flex: 1;
}
.audio-content {
flex: 1;
overflow-x: hidden;
}
.audio-artwork {
margin-right: 14px;
position: relative;
}
.audio-artwork > img {
width: 160px;
height: 160px;
}
.audio-file {
padding: 10px 0 10px 0;
}
.audio-control {
display: flex;
align-items: center;
align-content: center;
justify-content: flex-end;
}
.audio-control > .btn {
border-radius: 0;
}
\ No newline at end of file
......@@ -10,6 +10,7 @@
.register {
background: #fafafa;
padding: 20px;
overflow-x: hidden;
}
.want-to-login {
......
@import 'variables';
.settings {
margin-top: 50px;
background: #fafafa;
border: 0.1rem solid #707070;
}
.account-info {
display: flex;
margin-bottom: 20px;
}
.account-info-orig {
margin-left: 20px;
}
.account-info > img {
width: 128px;
height: 128px;
}
.form-horizontal > .btn {
border-radius: 0;
}
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<module href="/components/head.html"></module>
<title>Admin page - Nekoshima</title>
</head>
<body>
<module href="/components/navbar.html"></module>
<div class="container content top-padding">
<form class="form-horizontal">
<div class="account-info">
<h4 class="h4 mb-3 font-weight-normal">Hi, {{.}}!</h4>
</div>
<h1 class="h3 mb-3 font-weight-normal">Settings</h1>
<div class="form-row">
<label for="admin-instances-select">All instances</label>
<select class="form-control" id="admin-instances-select">
<option>demo.nekoshima.ltd</option>
</select>
<button type="submit" id="AddinstancesButton" class="btn btn-primary mb-2">Add</button>
<button type="submit" class="btn btn-warning mb-2">Edit</button>
<button type="submit" class="btn btn-danger mb-2">Delete</button>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit">Save</button>
</form>
</div>
<script src="./bundle.js"></script>
<module href="/components/footer.html"></module>
</body>
</html>
\ No newline at end of file
......@@ -22,10 +22,10 @@
</ul>
<ul class="nav navbar-nav ml-auto w-100 justify-content-end">
<li class="nav-item">
<a class="nav-link" href="register.html">Sign Up</a>
<a class="nav-link" href="/register">Sign Up</a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.html">Log In</a>
<a class="nav-link" href="/login">Log In</a>
</li>
</ul>
</div>
......
......@@ -10,7 +10,30 @@
<module href="/components/navbar.html"></module>
<div class="container content top-padding">
<div class="account-info">
<h4 class="h4 mb-3 font-weight-normal">Hi, {{.Username}}!</h4>
</div>
<h1>Songs</h1>
<div class="music-list">
<div class="music-container">
<div class="audio-body">
<div class="audio-artwork">
<img src="audio/cover.jpg" alt="Cover">
</div>
<div class="audio-content">
<div class="audio-title">
<span>ぺこみこ大戦争!!(feat. 兎田ぺこら & さくらみこ)</span>
</div>
<div class="audio-file">
<audio controls src="audio/test.m4a">Your browser does not support the <code>audio</code> element.</audio>
</div>
<div class="audio-control">
<button class="btn btn-lg btn-danger" type="submit">Delete</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="./bundle.js"></script>
......
......@@ -10,19 +10,21 @@
<module href="/components/navbar.html"></module>
<div class="container content top-padding login">
<form class="form-signin text-center">
<form method="POST" action="/login" class="form-signin text-center">
<img class="mb-4" src="images/logo.png" alt="" width="72" height="72">
<h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
<label for="inputEmail" class="sr-only">Email address</label>
<input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
<input type="email" id="inputEmail" name="inputEmail" class="form-control" placeholder="Email address"
required autofocus>
<label for="inputPassword" class="sr-only">Password</label>
<input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
<input type="password" id="inputPassword" name="inputPassword" class="form-control" placeholder="Password"
required>
<div class="checkbox mb-3">
<label>
<input type="checkbox" value="remember-me"> Remember me
</label>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
<button class="btn btn-lg btn-primary btn-block" type="submit" value="Submit">Sign in</button>
</form>
</div>
......
......@@ -23,11 +23,11 @@
<div class="col-md-6 column">
<div class="register">
<p>With an account on {{.}} you'll be able to follow people on any Nekoshima server and beyond.</p>
<form class="form-horizontal simple-form" role="form">
<form method="POST" action="/register" class="form-horizontal simple-form" role="form">
<div class="form-group">
<div class="">
<input type="text" placeholder="Username" maxlength="30" class="form-control"
id="registerUsername" required />
id="registerUsername" name="registerUsername" required />
<!-- <div class="label-input-append">
{{.}}
</div> -->
......@@ -36,27 +36,29 @@
<div class="form-group">
<div class="">
<input type="email" placeholder="E-mail" class="form-control" id="registerEmail"
required />
name="registerEmail" required />
</div>
</div>
<div class="form-group">
<div class="">
<input type="password" placeholder="Password" maxlength="128" class="form-control"
id="registerPassword" required />
id="registerPassword" name="registerPassword" required />
</div>
</div>
<div class="form-group">
<div class="">
<input type="password" placeholder="Confirm Password" maxlength="128"
class="form-control" id="registerPasswordConfirm" required />
class="form-control" id="registerPasswordConfirm" name="registerPasswordConfirm"
required />
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 button-md">
<button type="submit" class="btn btn-primary register-btn">Register</button>
<button type="submit" value="Submit"
class="btn btn-primary register-btn">Register</button>
</div>
<p class="want-to-login">
<a href="login.html">I already have an account!</a>
<a href="/login">I already have an account!</a>
</p>
</div>
</form>
......
<!DOCTYPE html>
<html lang="en">
<head>
<module href="/components/head.html"></module>
<title>Settings - Nekoshima</title>
</head>
<body>
<module href="/components/navbar.html"></module>
<div class="container content top-padding settings">
<form method="POST" action="/settings" class="form-horizontal">
<div class="account-info">
<img src="images/avatar.svg" alt="">
<div class="account-info-orig">
<h4 class="h4 mb-3 font-weight-normal">{{.Username}}</h4>
<span>{{.Email}}</span>
</div>
</div>
<h1 class="h3 mb-3 font-weight-normal">Change settings</h1>
<div class="form-group">
<label for="changeUsername" class="sr-only">Username</label>
<input type="text" id="changeUsername" name="changeUsername" class="form-control"
placeholder="Type your new username here">
</div>
<div>
<label for="changeEmail" class="sr-only">Email</label>
<input type="email" id="changeEmail" name="changeEmail" class="form-control"
placeholder="Type your new Email here">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone
else.</small>
</div>
<div>
<label for="currentPassword" class="sr-only">Password</label>
<input type="password" id="currentPassword" name="currentPassword" class="form-control"
placeholder="Type your current password here">
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit" value="Submit">Update</button>
</form>
</div>
<script src="./bundle.js"></script>
<module href="/components/footer.html"></module>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<module href="/components/head.html"></module>
<title>Upload - Nekoshima</title>
</head>
<body>
<module href="/components/navbar.html"></module>
<div class="container content top-padding">
<form class="form-horizontal">
<div class="account-info">
<h4 class="h4 mb-3 font-weight-normal">Hi, {{.}}!</h4>
</div>
<h1 class="h3 mb-3 font-weight-normal">Upload</h1>
<div class="form-group">
<label for="exampleFormControlFile1">Please select your music.</label>
<input type="file" class="form-control-file" id="exampleFormControlFile1">
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit">Upload</button>
</form>
</div>
<script src="./bundle.js"></script>
<module href="/components/footer.html"></module>
</body>
</html>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment