Finalise HTML views

This commit is contained in:
Les De Ridder 2016-05-31 00:30:26 +02:00
parent 548afab212
commit eb4abee5b3
5 changed files with 224 additions and 47 deletions

View File

@ -3,9 +3,7 @@
<head> <head>
<title>pastethingy</title> <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=Roboto+Mono:400,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'>
<style> <style>
/* how do I CSS */ /* how do I CSS */
@ -71,6 +69,8 @@
border: #ccc 1px solid; border: #ccc 1px solid;
outline: none; outline: none;
padding: 5px 5px; padding: 5px 5px;
font-family: 'Roboto Mono';
font-weight: 400;
} }
</style> </style>
@if($js) @if($js)
@ -107,15 +107,48 @@
<label for="language">Language:</label> <label for="language">Language:</label>
<select id="language" name="language"> <select id="language" name="language">
<option value="text">Text</option> <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="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="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="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> </select>
</div> </div>
<div> <div>

View File

@ -3,30 +3,21 @@
<head> <head>
<title>{{ $id }} &middot; pastethingy</title> <title>{{ $id }} &middot; 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=Roboto+Mono:400,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'>
<style> <style>
/* how do I CSS */ /* how do I CSS */
html, body { html, body {
height: 100%;
margin: 0 auto; margin: 0 auto;
font-family: 'Roboto Mono'; font-family: 'Roboto Mono';
} }
body {
width: 99%;
display: flex;
flex-flow: column;
}
header { header {
text-align: center; text-align: center;
font-family: 'Roboto Mono'; font-family: 'Roboto Mono';
font-weight: 300; font-weight: 300;
font-size: 12px; font-size: 12px;
margin-bottom: 5px;
user-select: none; user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
} }
@ -34,13 +25,32 @@
pre { pre {
margin: 0 0; margin: 0 0;
white-space: pre-wrap; white-space: pre-wrap;
font-family: 'Roboto Mono';
font-size: 10pt;
font-weight: 400;
} }
section { section {
padding: 5px 5px; padding: 5px 5px;
margin: 3px 3px; margin: 10px 10px;
border: 1px solid #ccc; 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> </style>
<link href="/pygments.css" rel="stylesheet"> <link href="/pygments.css" rel="stylesheet">
@ -56,5 +66,10 @@
<section> <section>
{!! $content !!} {!! $content !!}
</section> </section>
<footer>
@foreach(array('json', 'terminal', 'terminal256', 'png', 'latex', 'irc') as $format)
<a href="?format={{$format}}">{{ $format }}</a>&nbsp;
@endforeach
</footer>
</body> </body>
</html> </html>

View File

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html>
<head>
<title>{{ $id }} &middot; 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>

View File

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<title>{{ $id }} &middot; 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>

View File

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<title>{{ $id }} &middot; 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>