lesderid
/
pastethingy
2
1
Fork 0
Code Issues 5 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

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

@ -149,14 +149,14 @@
</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
<a href="/?js=1">Tab key support (requires JS)</a> <a href="/?js=1">Tab key support (requires JS)</a>
@endif @endif
<p>&middot; Dates and times are UTC.</p> <p>&middot; Dates and times are UTC.</p>
</div> </div>
</footer> </footer>
</body> </body>
</html> </html>

70
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>
html, body { /* how do I CSS */
height: 100%;
}
body { html, body {
margin: 0; height: 100%;
padding: 0; margin: 0 auto;
width: 100%; font-family: 'Roboto Mono';
display: table; }
font-weight: 100;
font-family: 'Lato';
}
.container { body {
display: table-cell; width: 99%;
} display: flex;
flex-flow: column;
}
.content { header {
display: inline-block; text-align: center;
} font-family: 'Roboto Mono';
font-weight: 300;
font-size: 12px;
margin-bottom: 5px;
}
pre {
margin: 0 0;
white-space: pre-wrap;
}
.title { section {
text-align: center; padding: 5px 5px;
font-size: 96px; 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> </body>
</div>
</body>
</html> </html>