Actually v6

This commit is contained in:
floppydiskette 2023-08-14 22:51:16 +01:00
parent 24b5a194ca
commit e7d58f3185
No known key found for this signature in database
4 changed files with 28 additions and 37 deletions

View file

@ -1,8 +1,13 @@
root {
--background: #181818;
--foreground: #dddddd;
}
body {
font-family: sans-serif;
margin: 0;
color: #ddd;
background-color: #333;
color: var(--foreground);
background-color: var(--background);
}
html {
@ -13,28 +18,6 @@ ul {
list-style-type: square;
}
table.banner {
margin-left: auto;
margin-right: auto;
border: 2px solid #e04a38;
background-color: #e6897e;
width: 95%;
/* Passes both WCAG AD and WCAG AAA contrast tests */
color: #0f0f0f;
}
table.banner td {
padding: 5px;
}
table.banner td a {
color: #0f0f0f;
}
table.banner td a:hover {
text-decoration: underline;
}
div.page {
min-width: 780px;
max-width: 800px;
@ -54,7 +37,6 @@ h2,
h3 {
margin-top: 1em;
clear: left;
color: #fff;
}
img {
@ -109,23 +91,28 @@ div.project pre.small {
overflow: hidden;
}
div.codeblock pre {
background-color: #222;
border: 2px solid #FFF;
div.codeblock {
background-color: var(--background);
border: 2px solid #dddddd;
padding: 10px;
color: #ccc;
display: inline-block;
text-align: left;
max-width: 90%;
min-width: 400px;
margin: 10px;
}
div.codeblock pre h1,
div.codeblock pre hr {
margin: 0
div.codeblock hr {
margin-top: 5px;
margin-bottom: 5px;
}
div.codeblock pre h1 small {
div.codeblock h1 {
margin: 0;
font-family: monospace;
}
div.codeblock h1 small {
color: #919191;
font-size: 12px;
}
@ -445,3 +432,7 @@ table.infotable tr td small {
table.infotable tr td small {
margin-bottom: 5px;
}
.hljs {
background: none !important;
}

View file

@ -7,8 +7,8 @@
$highlighted = $hl->highlight($lang, Storage::disk('local')->get($file_path));
$file_size = Storage::disk('local')->size($file_path);
@endphp
<div class="codeblock"><pre>
<div class="codeblock">
<h1>{{ $file_name }} <small>{{ $file_size}} bytes</small></h1>
<hr>
<code class="hljs {{$highlighted->language}}">{!! $highlighted->value !!}</code>
</pre></div>
</div>

View file

@ -1,4 +1,4 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html>
<html lang="en">
<head>
@include('includes.head-hljs')

View file

@ -1,4 +1,4 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html>
<html lang="en">
<head>
@include('includes.head')