Aesthetic overhaul

This commit is contained in:
Jaidyn Lev 2018-04-06 22:36:00 -05:00
parent 7a0fcaa828
commit ddd7956989
5 changed files with 92 additions and 6808 deletions

View File

@ -1,12 +1,20 @@
<div class="text-center">
<footer> <footer>
No data will be recorded on who inserts what coin-- all I'll get is a timestamp. <p>No data will be recorded on who inserts what coin-- all I'll get is a timestamp.</p>
<div class="menu">
<h3>friends</h3>
<ul>
<li><a href="https://raddle.me">raddle</a></li>
<li><a href="https://ipfs.io">ipfs</a></li>
<li><a href="https://jadedmeta.xyz">jadedmeta</a></li>
<li><a href="https://libregamenight.xyz">lgn</a></li>
<li><a href="https://fsf.org">fsf</a></li>
<li><a href="https://eff.org">eff</a></li>
</ul>
</div>
</footer> </footer>
<p>
<a href="https://notabug.org/jadedctrl/insert-coin">source juice</a>
</p>
</div>
</body> </body>
</html> </html>

View File

@ -6,30 +6,19 @@
https://www.gnu.org/licenses/agpl-3.0.html --> https://www.gnu.org/licenses/agpl-3.0.html -->
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/connection" type="text/css"/> <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/connection" type="text/css"/>
<link rel="stylesheet" type="text/css" href="res/bootstrap.css">
<link rel="stylesheet" type="text/css" href="res/style.css"> <link rel="stylesheet" type="text/css" href="res/style.css">
<link rel="shortcut icon" href="res/img/coin.ico"> <link rel="shortcut icon" href="res/img/coin.ico">
<title>SHRED COIN</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>coinsh.red: Insert Coin</title>
</head> </head>
<body style="font-family: 'ConnectionRegular'; font-weight: normal; font-style: normal;"> <body>
<div class="row text-center"> <div class="menu top-menu">
<a href="https://ihatemazes.xyz"> <h2>coinsh.red</h2>
<div class="col-md-4 col-lg-4" id="sectiona"> <ul>
<h1>ihatemazes</h1> <li><a href="/insert-coin/index.php">file-beamer</a></li>
</div> <li><a href="/insert-coin/u/index.php">url-shortener</a></li>
</a> </ul>
<a href="https://igpumatinlay.info">
<div class="col-md-4 col-lg-4" id="sectionb">
<h1>naia</h1>
</div>
</a>
<a href="https://coinsh.red">
<div class="col-md-4 col-lg-4" id="sectionc">
<h1>image-file_upload</h1>
</div>
</a>
</div> </div>

View File

@ -1,24 +1,18 @@
<?php include("header.html");?> <?php include("header.html");?>
<main class="text-center" style="margin-top: 30px"> <main>
<form action="beam.php" method="post" enctype="multipart/form-data"> <form action="beam.php" method="post" enctype="multipart/form-data">
<p> <p>
<input type="text" placeholder="Filename (Blank for uploaded name)" <input type="text" placeholder="Filename (Blank for uploaded name)"
name="desired_filename" id="desired_filename" style="width: 400px;"> name="desired_filename" class="basic-text">
</p> </p>
<p> <p>
<input type="text" placeholder="Description (Optional)"
name="file_desc" id="file_desc" style="width: 400px;">
<input type="text" placeholder="Source (Optional)" <input type="text" placeholder="Source (Optional)"
name="file_source" id="file_source" style="width: 400px;"> name="file_source" class="basic-text">
</p> </p>
<!-- <p>
<input type="text" placeholder="Upload from URL"
name="upload_url" id="upload_url" style="width: 400px;">
</p> -->
<input type="file" name="fileToUpload" id="fileToUpload" style="margin: 0 auto"> <input type="file" name="fileToUpload" id="fileToUpload" style="margin: 0 auto">
<input style="margin-top: 10px; margin-bottom: 10px" type="submit" value="INSERT COIN" name="submit"> <input style="margin-top: 10px; margin-bottom: 10px" type="submit" value="INSERT COIN" name="submit">
</form> </form>

6757
res/bootstrap.css vendored

File diff suppressed because it is too large Load Diff

View File

@ -1,23 +1,73 @@
// AGPLv3+ body
body { {
background-color: #ffded6; background-color: #FAE3E3;
font-family: 'ConnectionRegular';
font-weight: normal;
font-style: normal;
text-align: center;
} }
#sectiona { footer
background-color: #FF5C33; {
color: #FF5C33; background-color: #F7D4BC;
padding-top: 5px;
} }
#sectionb { img
background-color: #33D6FF; {
color: #33D6FF; width: 280px;
} }
#sectionc { main
background-color: #33FF5C; {
color: #33FF5C; padding-top: 20px;
padding-bottom: 20px;
} }
.uppercase {
text-transform: uppercase;
.basic-text
{
width: 300px;
}
.menu
{
background-color: #C98BB9;
width: 100%;
padding-bottom: 5px;
}
.menu h1, .menu h2, .menu h3
{
background-color: #CFA5B4;
}
.menu ul
{
overflow:hidden
}
.menu li
{
width: 25%;
display: block;
float: left;
}
.top-menu li
{
font-size: 20px;
width: 50%;
} }