fwoppydwisk/diskfloppy.me
fwoppydwisk/diskfloppy.me
1
0
Fork 0
Code Issues Pull requests Projects Releases 3 Packages Activity Actions

Actually v6

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

57
public/css/master.css
View file

@ -1,8 +1,13 @@
root {
--background: #181818;
--foreground: #dddddd;
}
body { body {
font-family: sans-serif; font-family: sans-serif;
margin: 0; margin: 0;
color: #ddd; color: var(--foreground);
background-color: #333; background-color: var(--background);
} }
html { html {
@ -13,28 +18,6 @@ ul {
list-style-type: square; 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 { div.page {
min-width: 780px; min-width: 780px;
max-width: 800px; max-width: 800px;
@ -54,7 +37,6 @@ h2,
h3 { h3 {
margin-top: 1em; margin-top: 1em;
clear: left; clear: left;
color: #fff;
} }
img { img {
@ -109,23 +91,28 @@ div.project pre.small {
overflow: hidden; overflow: hidden;
} }
div.codeblock pre { div.codeblock {
background-color: #222; background-color: var(--background);
border: 2px solid #FFF; border: 2px solid #dddddd;
padding: 10px; padding: 10px;
color: #ccc;
display: inline-block; display: inline-block;
text-align: left; text-align: left;
max-width: 90%; max-width: 90%;
min-width: 400px; min-width: 400px;
margin: 10px;
} }
div.codeblock pre h1, div.codeblock hr {
div.codeblock pre hr { margin-top: 5px;
margin: 0 margin-bottom: 5px;
} }
div.codeblock pre h1 small { div.codeblock h1 {
margin: 0;
font-family: monospace;
}
div.codeblock h1 small {
color: #919191; color: #919191;
font-size: 12px; font-size: 12px;
} }
@ -445,3 +432,7 @@ table.infotable tr td small {
table.infotable tr td small { table.infotable tr td small {
margin-bottom: 5px; margin-bottom: 5px;
} }
.hljs {
background: none !important;
}

4
resources/views/components/codeblock.blade.php
View file

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

2
resources/views/layouts/default-hljs.blade.php
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"> <html lang="en">
<head> <head>
@include('includes.head-hljs') @include('includes.head-hljs')

2
resources/views/layouts/default.blade.php
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"> <html lang="en">
<head> <head>
@include('includes.head') @include('includes.head')