siwwy :3 #3
					 4 changed files with 28 additions and 37 deletions
				
			
		Actually v6
				commit
				
					
					
						e7d58f3185
					
				
			
		| 
						 | 
					@ -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;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -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>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -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')
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -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')
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue