lesderid
/
pastethingy
2
1
Fork 0
Code Issues 4 Pull Requests Releases Wiki Activity

Improve HTML paste display view

This commit is contained in:
Les De Ridder 2016-05-30 21:51:31 +02:00
parent 15d293d9c0
commit 9297dca6a3
2 changed files with 46 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/views/main.blade.php
View File

@ -149,7 +149,7 @@
</form> </form>
</section> </section>
<footer> <footer>
<div class="footer"> <div class="footer"> {{-- TODO: Fix this hack --}}
@if($js) @if($js)
<a href="/">No JS version</a> <a href="/">No JS version</a>
@else @else

54
resources/views/paste/available.blade.php
View File

@ -3,46 +3,52 @@
<head> <head>
<title>{{ $id }} &middot; pastethingy</title> <title>{{ $id }} &middot; pastethingy</title>
<link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/css"> <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'>
<style> <style>
/* how do I CSS */
html, body { html, body {
height: 100%; height: 100%;
margin: 0 auto;
font-family: 'Roboto Mono';
} }
body { body {
margin: 0; width: 99%;
padding: 0; display: flex;
width: 100%; flex-flow: column;
display: table;
font-weight: 100;
font-family: 'Lato';
} }
.container { header {
display: table-cell;
}
.content {
display: inline-block;
}
.title {
text-align: center; text-align: center;
font-size: 96px; font-family: 'Roboto Mono';
font-weight: 300;
font-size: 12px;
margin-bottom: 5px;
}
pre {
margin: 0 0;
white-space: pre-wrap;
}
section {
padding: 5px 5px;
margin: 3px 3px;
border: 1px solid #ccc;
} }
</style> </style>
<link href="/pygments.css" rel="stylesheet"> <link href="/pygments.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container"> <header>
<div class="content"> {{ $id }} (language: {{ $language }}, expires at: {{ $expires_at }} UTC)
<div class="title">pastethingy</div> </header>
<div class="paste"> <section>
{!! $content !!} {!! $content !!}
</div> </section>
</div>
</div>
</body> </body>
</html> </html>