Finalise HTML views
This commit is contained in:
parent
548afab212
commit
eb4abee5b3
|
|
@ -3,9 +3,7 @@
|
|||
<head>
|
||||
<title>pastethingy</title>
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato:300" rel="stylesheet" type="text/css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Fira+Mono|Roboto+Mono:400,300' rel='stylesheet' type='text/css'>
|
||||
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono:400,300' rel='stylesheet' type='text/css'>
|
||||
|
||||
<style>
|
||||
/* how do I CSS */
|
||||
|
|
@ -71,6 +69,8 @@
|
|||
border: #ccc 1px solid;
|
||||
outline: none;
|
||||
padding: 5px 5px;
|
||||
font-family: 'Roboto Mono';
|
||||
font-weight: 400;
|
||||
}
|
||||
</style>
|
||||
@if($js)
|
||||
|
|
@ -104,43 +104,76 @@
|
|||
<form action="/paste" method="post">
|
||||
<div class="input-box-container">
|
||||
<div>
|
||||
<label for="language">Language:</label>
|
||||
<select id="language" name="language">
|
||||
<option value="text">Text</option>
|
||||
<option value="c">C</option>
|
||||
<option value="d">D</option>
|
||||
<option value="fish">Fish</option>
|
||||
<option value="html">HTML</option>
|
||||
<option value="css">CSS</option>
|
||||
<option value="php">PHP</option>
|
||||
<option value="irc">IRC logs</option>
|
||||
<option value="perl">Perl</option>
|
||||
<option value="python3">Python 3</option>
|
||||
</select>
|
||||
<label for="language">Language:</label>
|
||||
<select id="language" name="language">
|
||||
<option value="text">Text</option>
|
||||
<option value="irc">IRC logs</option>
|
||||
<option value="shell-session">Shell session</option>
|
||||
<option value="apacheconf">ApacheConf (e.g apache2.conf, .htaccess)</option>
|
||||
<option value="bash">Bash</option>
|
||||
<option value="batch">Batchfile</option>
|
||||
<option value="bbcode">BBCode</option>
|
||||
<option value="brainfuck">Brainfuck</option>
|
||||
<option value="c">C</option>
|
||||
<option value="cpp">C++</option>
|
||||
<option value="csharp">C#</option>
|
||||
<option value="css">CSS</option>
|
||||
<option value="d">D</option>
|
||||
<option value="diff">Diff/Patch</option>
|
||||
<option value="fish">Fish</option>
|
||||
<option value="go">Go</option>
|
||||
<option value="haskell">Haskell</option>
|
||||
<option value="hexdump">Hexdump</option>
|
||||
<option value="html">HTML</option>
|
||||
<option value="http">HTTP</option>
|
||||
<option value="ini">INI</option>
|
||||
<option value="java">Java</option>
|
||||
<option value="js">JavaScript</option>
|
||||
<option value="json">JSON</option>
|
||||
<option value="kotlin">Kotlin</option>
|
||||
<option value="llvm">LLVM</option>
|
||||
<option value="lua">Lua</option>
|
||||
<option value="makefile">Makefile</option>
|
||||
<option value="nginx">Nginx configuration file</option>
|
||||
<option value="perl">Perl</option>
|
||||
<option value="perl6">Perl 6</option>
|
||||
<option value="php">PHP</option>
|
||||
<option value="python">Python 2</option>
|
||||
<option value="python3">Python 3</option>
|
||||
<option value="sql">SQL</option>
|
||||
<option value="postgresql">SQL (PostgreSQL dialect)</option>
|
||||
<option value="mysql">SQL (PostgreSQL dialect)</option>
|
||||
<option value="rust">Rust</option>
|
||||
<option value="swift">Swift</option>
|
||||
<option value="tex">TeX/LaTeX</option>
|
||||
<option value="vim">VimL</option>
|
||||
<option value="xml">XML</option>
|
||||
<option value="yaml">YAML</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label for="available_at">Available at:</label>
|
||||
<input id="available_at" name="available_at" value="{{ Carbon\Carbon::now()->format('Y-m-d H:i') }}" type="text">
|
||||
<label for="available_at">Available at:</label>
|
||||
<input id="available_at" name="available_at" value="{{ Carbon\Carbon::now()->format('Y-m-d H:i') }}" type="text">
|
||||
</div>
|
||||
<div>
|
||||
<label for="expire_after">Expire:</label>
|
||||
<select id="expire_after" name="expire_after">
|
||||
<option value="never">Never</option>
|
||||
<option value="10">After 10 seconds</option>
|
||||
<option value="60">After 1 minute</option>
|
||||
<option value="180">After 3 minutes</option>
|
||||
<option value="300">After 5 minutes</option>
|
||||
<option value="600">After 10 minutes</option>
|
||||
<option value="1800">After 30 minutes</option>
|
||||
<option value="3600">After 1 hour</option>
|
||||
<option value="43200">After 12 hours</option>
|
||||
<option value="86400">After 1 day</option>
|
||||
<option value="604800">After 1 week</option>
|
||||
<option value="1209600">After 2 weeks</option>
|
||||
<option value="2635200">After 1 month</option>
|
||||
<option value="15811200">After 6 months</option>
|
||||
<option value="31557600">After 1 year</option>
|
||||
</select>
|
||||
<label for="expire_after">Expire:</label>
|
||||
<select id="expire_after" name="expire_after">
|
||||
<option value="never">Never</option>
|
||||
<option value="10">After 10 seconds</option>
|
||||
<option value="60">After 1 minute</option>
|
||||
<option value="180">After 3 minutes</option>
|
||||
<option value="300">After 5 minutes</option>
|
||||
<option value="600">After 10 minutes</option>
|
||||
<option value="1800">After 30 minutes</option>
|
||||
<option value="3600">After 1 hour</option>
|
||||
<option value="43200">After 12 hours</option>
|
||||
<option value="86400">After 1 day</option>
|
||||
<option value="604800">After 1 week</option>
|
||||
<option value="1209600">After 2 weeks</option>
|
||||
<option value="2635200">After 1 month</option>
|
||||
<option value="15811200">After 6 months</option>
|
||||
<option value="31557600">After 1 year</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<textarea name="content"></textarea>
|
||||
|
|
|
|||
|
|
@ -3,30 +3,21 @@
|
|||
<head>
|
||||
<title>{{ $id }} · pastethingy</title>
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato:300" rel="stylesheet" type="text/css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Fira+Mono|Roboto+Mono:400,300' rel='stylesheet' type='text/css'>
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono:400,300' rel='stylesheet' type='text/css'>
|
||||
|
||||
<style>
|
||||
/* how do I CSS */
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
font-family: 'Roboto Mono';
|
||||
}
|
||||
|
||||
body {
|
||||
width: 99%;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
}
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
font-family: 'Roboto Mono';
|
||||
font-weight: 300;
|
||||
font-size: 12px;
|
||||
margin-bottom: 5px;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
|
@ -34,13 +25,32 @@
|
|||
pre {
|
||||
margin: 0 0;
|
||||
white-space: pre-wrap;
|
||||
font-family: 'Roboto Mono';
|
||||
font-size: 10pt;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 5px 5px;
|
||||
margin: 3px 3px;
|
||||
margin: 10px 10px;
|
||||
border: 1px solid #ccc;
|
||||
font-family: 'Roboto Mono';
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
footer {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
align-self: flex-end;
|
||||
font-weight: 300;
|
||||
color: #555;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<link href="/pygments.css" rel="stylesheet">
|
||||
|
|
@ -56,5 +66,10 @@
|
|||
<section>
|
||||
{!! $content !!}
|
||||
</section>
|
||||
<footer>
|
||||
@foreach(array('json', 'terminal', 'terminal256', 'png', 'latex', 'irc') as $format)
|
||||
<a href="?format={{$format}}">{{ $format }}</a>
|
||||
@endforeach
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,53 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>{{ $id }} · pastethingy</title>
|
||||
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono:100,300' rel='stylesheet' type='text/css'>
|
||||
|
||||
<style>
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
display: table;
|
||||
font-family: 'Roboto Mono';
|
||||
}
|
||||
|
||||
section {
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 48px;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.deletion-reason {
|
||||
text-align: left;
|
||||
font-size: 24px;
|
||||
font-weight: 100;
|
||||
border: #ccc 1px solid;
|
||||
margin: 10px 20%;
|
||||
padding: 5px 5px;
|
||||
}
|
||||
|
||||
.deleted-by, .deleted-at {
|
||||
font-weight: 300;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<div class="title">{{ $id }} was deleted on <span class="deleted-at">{{ $deleted_at }}</span> by <span class="deleted-by">{{ $deleted_by }}</span> with the following reason: </div>
|
||||
<br>
|
||||
<div class="deletion-reason">{!! nl2br(e($deletion_reason)) !!}</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>{{ $id }} · pastethingy</title>
|
||||
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono:100' rel='stylesheet' type='text/css'>
|
||||
|
||||
<style>
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
display: table;
|
||||
font-family: 'Roboto Mono';
|
||||
}
|
||||
|
||||
section {
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 48px;
|
||||
font-weight: 100;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<div class="title">{{ $id }} has expired.</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>{{ $id }} · pastethingy</title>
|
||||
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono:100' rel='stylesheet' type='text/css'>
|
||||
|
||||
<style>
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
display: table;
|
||||
font-family: 'Roboto Mono';
|
||||
}
|
||||
|
||||
section {
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 48px;
|
||||
font-weight: 100;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<div class="title">{{ $id }} is not available yet.</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue