Initial commit
This commit is contained in:
		
						commit
						816b8bb36f
					
				|  | @ -0,0 +1 @@ | |||
| .DS_Store | ||||
|  | @ -0,0 +1 @@ | |||
| i'm gay also nora has the ability to fuck with this idk | ||||
|  | @ -0,0 +1,55 @@ | |||
| # MONKEYCHEF  | ||||
| 
 | ||||
| MONKEYCHEF is a Hugo theme based on semantic HTML elements and simple, ultra-responsive | ||||
| CSS. | ||||
| 
 | ||||
| ## Title Override | ||||
| 
 | ||||
| Want your page title to be one thing but the page itself to show something else, like a | ||||
| name for a resumé? Use `display_title` in the front matter. The `title` will | ||||
| still show up in the title bar and as the `title` attribute for all metadata. | ||||
| 
 | ||||
| Need to hide post metadata? Try `hide_post_meta: true`. | ||||
| 
 | ||||
| ## Skip to Main Content | ||||
| 
 | ||||
| Every page has a "skip to main content" as its first link, for better screenreader and | ||||
| keyboard support. | ||||
| 
 | ||||
| ## Navigation | ||||
| 
 | ||||
| All navigation is placed at the top of the page beside the title. | ||||
| 
 | ||||
| ## Post Metadata | ||||
| Every post contains a few `<meta>` fields, which correspond to either site config or | ||||
| post frontmatter variables. These are Dublin Core enabled where possible, meaning that | ||||
| posts on this theme can easily be ingested into e.g. Zotero. | ||||
| 
 | ||||
| - `Title` is the title of the post. | ||||
| - `Creator` is from `author` in the frontmatter or `params.Author` in `config.toml` otherwise. | ||||
| - `Date` is the Hugo-recorded date of the post. | ||||
| - `Language` is from Hugo's generating locale. | ||||
| - `Description` is from `Description` in the frontmatter, or `Summary` if that's not present, or `MetaSiteDescription` in `config.toml` as a fallback. | ||||
| - `Identifier` is the permalink URL. | ||||
| 
 | ||||
| Non-Dublin Core attributes are: | ||||
| 
 | ||||
| - `viewport` for rendering properly, this isn't customizable | ||||
| - `keywords` is from the `tags` taxonomy in the frontmatter | ||||
| - `google-site-verification` is from `params.googlesiteverification` in `config.toml` in case you need that. | ||||
| - `nolist` turns off listing sub-pages on specific index pages. | ||||
| 
 | ||||
| ## Figures | ||||
| 
 | ||||
| To insert a figure with caption, you can use the `{{< figure >}}` shortcode. Simply | ||||
| place your Markdown with image and caption inside it. To make it float left or right, | ||||
| use `{{< figure "left" >}}` or `{{< figure "right" >}}`. For instance: | ||||
| 
 | ||||
| ```markdown | ||||
| {{< figure "right" >}}                                                                                                                                                                     | ||||
|      | ||||
|     Drives are inserted on rails using vibration-isolating gromits. If only it were this easy  | ||||
|     to get RAID working!                                                                       | ||||
| {{< /figure >}}    | ||||
| ``` | ||||
| 
 | ||||
|  | @ -0,0 +1,4 @@ | |||
| --- | ||||
| title: '' | ||||
| date: '' | ||||
| --- | ||||
|  | @ -0,0 +1,6 @@ | |||
| {{ partial "header.html" . }} | ||||
| <main> | ||||
| <h1>Document Not Found</h1> | ||||
| <p>The content you requested could not be found at the given URL.</p> | ||||
| </main> | ||||
| {{ partial "footer.html" . }} | ||||
|  | @ -0,0 +1,42 @@ | |||
| {{ partial "header.html" . }} | ||||
| <main id="main"> | ||||
|   <!-- Home page content --> | ||||
|   {{if .IsHome }} | ||||
|     {{ .Content }} | ||||
|   <!-- Paginated list of posts --> | ||||
|   {{ else }} | ||||
|   <h1> | ||||
|       <span class="title">{{ .Title }}</span> | ||||
|   </h1> | ||||
|   <main class="list"> | ||||
|     {{ .Content }} | ||||
|     {{ if .Params.nolist }} | ||||
|     {{ else }} | ||||
|       <ul> | ||||
|         <!-- Change the range to look like the line below to enable paging. --> | ||||
|         <!-- range (.Paginator 5).Pages --> | ||||
|         {{ range .Pages }} | ||||
|         <li> | ||||
|           <section> | ||||
|               <h3><a href="{{ .RelPermalink }}">{{ .Title }}</a> | ||||
|               {{ with .Date }} | ||||
|                 written {{ .Format "Jan 02, 2006" }} | ||||
|                 {{ end }} </h3> | ||||
|               {{ with .Description }} | ||||
|               <p>{{ . }}</p> | ||||
|               {{ end }} | ||||
|           <!-- Uncomment to enable post summaries. --> | ||||
|           <!-- <blockquote class="postIntro">{{ .Summary }}</blockquote> --> | ||||
|           </section> | ||||
|         </li> | ||||
|         {{ end }} | ||||
|         <!-- Uncomment the line below to enable pagination controls. --> | ||||
|         <!-- {{ template "_internal/pagination.html" . }} --> | ||||
|       </ul> | ||||
|       {{ end }} | ||||
|   </main> | ||||
| 
 | ||||
| {{ end }} | ||||
| </main> | ||||
| {{ partial "footer.html" . }} | ||||
| 
 | ||||
|  | @ -0,0 +1,31 @@ | |||
| {{ partial "header.html" . }} | ||||
| <main id="main"> | ||||
| <header> | ||||
|     {{ if .Params.display_title }} | ||||
|         <h1> {{ .Params.display_title }} </h1> | ||||
|     {{ else }} | ||||
|         <h1>{{ .Title }}</h1> | ||||
|     {{ end }} | ||||
| 
 | ||||
|     {{ if .Params.hide_post_meta }} | ||||
| 
 | ||||
|     {{ else }} | ||||
|         {{ if .Params.author }} | ||||
|             {{ .Author }} | ||||
|         {{ else if .Site.Params.author }} | ||||
|             {{ .Site.Params.author }} | ||||
|         {{ end }} | ||||
|         {{ if .Date }} {{ .Date.Format "2006/01/02" }} {{ end }} | ||||
|     {{ end }} | ||||
| 
 | ||||
|     {{ if .Params.toc }} | ||||
|         {{ .TableOfContents }} | ||||
|     {{ end }} | ||||
| </header> | ||||
| 
 | ||||
| <article> | ||||
| {{ .Content }} | ||||
| </article> | ||||
| </main> | ||||
| 
 | ||||
| {{ partial "footer.html" . }} | ||||
|  | @ -0,0 +1,16 @@ | |||
| {{ partial "header.html" . }} | ||||
| <main id="main"> | ||||
| <h1>{{ .Title }}</h1> | ||||
| 
 | ||||
| <ul> | ||||
|   {{ range $key, $value := .Data.Terms }} | ||||
|   <li> | ||||
|     <a href="{{ (print "/" $.Data.Plural "/" $key) | relURL }}"> | ||||
|       {{ $key }} | ||||
|     </a> | ||||
|     ({{ len $value }}) | ||||
|   </li> | ||||
|   {{ end }} | ||||
| </ul> | ||||
| </main> | ||||
| {{ partial "footer.html" . }} | ||||
|  | @ -0,0 +1,24 @@ | |||
| <!-- | ||||
|     Progressively enhanced code blocks. From foot_custom.html. | ||||
|     Basically, without JavaScript, code blocks are fine but don't look as good as they | ||||
|     could. With JavaScript, some dynamic styling. | ||||
| --> | ||||
| <!-- Fix the extra line at the top of the code blocks. --> | ||||
| 
 | ||||
|       <script> | ||||
|         if(navigator.getEnvironmentIntegrity!==undefined) { | ||||
|                   document.querySelector('#main').innerHTML=` | ||||
|                     <h1> WEI DRM Detected </h1> | ||||
|                     <p>You are viewing this website in a browser with Web | ||||
|        Environment Integrity, a DRM scheme designed to | ||||
|                     monopolize the web and force Web users to conform. Please consider | ||||
|                     fighting back against corporate tyranny by not doing that.</p> | ||||
|                     <p> | ||||
|                     For instance, you could install a browser such as <a href="https://www.mozilla.org/en-US/firefox/new/">Firefox</a>, | ||||
|                     which respects your freedom and supports ad blockers. | ||||
|                     You could also disable JavaScript for this site. | ||||
|                     </p> | ||||
|                   `; | ||||
|         } | ||||
|       </script> | ||||
| 
 | ||||
|  | @ -0,0 +1,20 @@ | |||
|     <footer>  | ||||
|     <hr> | ||||
|       {{ partial "foot_custom.html" . }} | ||||
|       <p> | ||||
|         Last updated {{ now.Format "Jan 2 2006" }} | ||||
|       </p> | ||||
|       <p> | ||||
|       <-- prev | <a href="https://nora-webring.neocities.org/">Nora Webring</a> | <a href="https://nora.zone">next --></a> | ||||
|         █   | ||||
|       <a href="https://skylarhill.me/"><-- prev</a> | Hacker Girls | <a href="https://tilde.town/~haskal">next --></a> | ||||
|       </p> | ||||
|       <p> | ||||
|         {{ with .Site.Params.footer }} | ||||
|             {{ . | markdownify }} | ||||
|         {{ end }} | ||||
|       </p> | ||||
|       <br> | ||||
|     </footer> | ||||
|   </body> | ||||
| </html> | ||||
|  | @ -0,0 +1,19 @@ | |||
|     <header> | ||||
|       {{ .Site.Title }} | ||||
|       <nav> | ||||
|       {{ $title := lower .Title }} | ||||
|       {{ $section := lower .Section }} | ||||
|         <a href="/" title="Home">home</a> | ||||
|       {{ range .Site.Menus.main }} | ||||
|       {{ $name := lower .Name }} | ||||
|         <a href="{{ .URL }}" title="{{ .Name }}">{{ lower .Name }}</a> | ||||
|       {{end}} | ||||
| 
 | ||||
|       {{ range .Site.Menus.feed }} | ||||
|       {{ $name := lower .Name}} | ||||
|         <a href="{{ .URL }}" title="{{ .Name }}">{{ lower .Name}}</a> | ||||
|       {{end}} | ||||
|       </nav> | ||||
|     </ul> | ||||
|   </header> | ||||
| 
 | ||||
|  | @ -0,0 +1,57 @@ | |||
| <!DOCTYPE html> | ||||
| <html lang="{{ .Site.LanguageCode }}"> | ||||
| 
 | ||||
| <head> | ||||
|   {{ if .Title }} | ||||
|     <title>{{ .Title }} | {{ .Site.Title }}</title> | ||||
|     <meta name="DC.Title" content="{{ .Title }}"> | ||||
|   {{ end }} | ||||
| 
 | ||||
|   {{ if .Date }} | ||||
|     <meta name="DC.Date" content="{{ .Date.Format "2006/01/02" }}"> | ||||
|   {{ end }} | ||||
| 
 | ||||
|   {{ if .Params.author }} | ||||
|     <meta name="DC.Creator" content="{{ .Params.author }} $.Params.author"> | ||||
|   {{ else if .Site.Params.author }} | ||||
|     <meta name="DC.Creator" content="{{ .Site.Params.author }}"> | ||||
|   {{ else if $.Site.Author }} | ||||
|       {{ range $.Site.Author }} | ||||
|         <meta name="DC.Creator" content="{{ . }} $.Site.Author"> | ||||
|       {{ end }} | ||||
|   {{ end }} | ||||
| 
 | ||||
|   {{ if .Site.Language.Lang }} | ||||
|     <meta name="DC.Language" content="{{ .Site.Language.Lang }}"> | ||||
|   {{ end }} | ||||
| 
 | ||||
|   {{ if .Description }} | ||||
|     <meta name="DC.Description" content="{{ .Description }}"> | ||||
|   {{ else if .IsPage }} | ||||
|     <meta name="DC.Description" content="{{ .Summary | plainify }}"> | ||||
|   {{ else }} | ||||
|     <meta name="DC.Description" content="{{ .Site.Params.MetaDescription }}"> | ||||
|   {{ end }} | ||||
| 
 | ||||
|   {{ if .Permalink }} | ||||
|     <meta name="DC.Identifier" content="{{ .Permalink }}"> | ||||
|   {{ end }} | ||||
| 
 | ||||
|   {{ if .Params.tags }} | ||||
|     <meta name="keywords" content="{{ range .Params.tags }}{{.}},{{ end }}"> | ||||
|   {{ end }} | ||||
| 
 | ||||
|   {{ if .Site.Params.googlesiteverification }} | ||||
|     <meta name="google-site-verification" content="{{ .Site.Params.googlesiteverification }}" /> | ||||
|   {{ end }} | ||||
| 
 | ||||
|   <meta charset="utf-8"> | ||||
|   <meta name="viewport" content="width=device-width, initial-scale=1"> | ||||
|   <link rel="stylesheet" href="{{ "/css/style.css" | relURL }}" /> | ||||
|   <link rel="stylesheet" href="{{ "/css/fonts.css" | relURL }}" /> | ||||
| </head> | ||||
| 
 | ||||
| <body> | ||||
|     <a class="skip-main" href="#main">Skip to main content</a> | ||||
|     {{ partial "head_custom.html" . }} | ||||
| 
 | ||||
|  | @ -0,0 +1,3 @@ | |||
| <details> | ||||
|     {{ .Inner | markdownify }} | ||||
| </details> | ||||
|  | @ -0,0 +1,3 @@ | |||
| <div class="{{ .Get 0 }}"> | ||||
|     {{ .Inner | markdownify }} | ||||
| </div> | ||||
|  | @ -0,0 +1,3 @@ | |||
| <figure class="{{ .Get 0 }}"> | ||||
|     {{ .Inner | markdownify }} | ||||
| </figure> | ||||
|  | @ -0,0 +1,3 @@ | |||
| <a href="{{ .Get 0 }}" rel="pgpkey authn"> | ||||
|     {{ .Inner | markdownify }} | ||||
| </a> | ||||
|  | @ -0,0 +1 @@ | |||
| <a href="{{ .Get 0 }}" rel="me">{{ trim .Inner "\n" }}</a> | ||||
|  | @ -0,0 +1,3 @@ | |||
| <section class="{{ .Get 0 }}"> | ||||
|     {{ .Inner | markdownify }} | ||||
| </section> | ||||
|  | @ -0,0 +1,3 @@ | |||
| <summary> | ||||
|     {{ .Inner | markdownify }} | ||||
| </summary> | ||||
|  | @ -0,0 +1,13 @@ | |||
| @font-face { | ||||
|   font-family: "Berkeley Mono"; | ||||
|   src: url("/fonts/BerkeleyMono.woff2"); | ||||
| } | ||||
| 
 | ||||
| body { | ||||
|   font-family: "Berkeley Mono", monospace, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Symbola'; | ||||
| } | ||||
| 
 | ||||
| code { | ||||
|   font-family: "Berkeley Mono", monospace, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Symbola'; | ||||
|   font-size: 85%; | ||||
| } | ||||
|  | @ -0,0 +1,365 @@ | |||
| /* Variable declarations which are available to all styles. */ | ||||
| :root { | ||||
|   --black-coffee: #352d39; | ||||
|   --floral-white: #fef9ef; | ||||
|   --charcoal: #2c4251; | ||||
|   --charcoal-light: #2c425130; | ||||
|   --red-violet: #943246; | ||||
|   --lavender-blush: #ffedef; | ||||
|   --honey-yellow: #ffb000; | ||||
|   --sunglow: #ffcc00; | ||||
|   --phosphor-brown: #282828; | ||||
|   /* --shadow: 0 0 3px #ffb00066, 0 0 5px #ffcc0033; */ | ||||
|   /* The background of the page backdrop. */ | ||||
|   --bg-color: var(--floral-white);  | ||||
|   /* The color of text on the backdrop. */ | ||||
|   --fg-color: black; | ||||
| 
 | ||||
|   /* The color used for borders and highlights. */ | ||||
|   --offset-border-color: var(--charcoal); | ||||
|   /* The background used to encapsulate off-set text areas of the page. */ | ||||
|   --offset-bg-color: var(--floral-white); | ||||
| 
 | ||||
|   /* The color used for cards and callouts. */ | ||||
|   --callout-bg-color: var(--floral-white); | ||||
|   --callout-fg-color: var(--fg-color); | ||||
|   --callout-dropshadow-color: var(--charcoal-light); | ||||
| 
 | ||||
|   /* The color used to set links apart from non-interactable text. */ | ||||
|   --link-color: inherit; | ||||
| } | ||||
| html{ | ||||
|   background-color: var(--black-coffee); | ||||
| } | ||||
| 
 | ||||
| /* Applied to the whole visible content of the page. */ | ||||
| body { | ||||
|   max-width: 55em; | ||||
|   margin: 1.5em auto 1.5em auto; | ||||
|   /* provides nice soft padding for text on narrow screens. */ | ||||
|   padding: 1em 2.5em 1em 2.5em; | ||||
|   box-shadow: 0 0 0 1em var(--bg-color); | ||||
|   color: var(--fg-color); | ||||
|   text-shadow: var(--shadow); | ||||
|   background-color: var(--bg-color); | ||||
|   border-left: 11.7px var(--black-coffee) dotted; | ||||
|   border-right: 11.7px var(--black-coffee) dotted; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* Applied to the textual content of the page. */ | ||||
| main { | ||||
|   hyphens: auto; | ||||
|   /* "Let it breathe." Text does not need to be jammed as close together as possible. */ | ||||
|   line-height: 1.4; | ||||
|   /* Slightly higher font size means it's easier to read. */ | ||||
|   /* Setting a pt value here means other adjustments are made in scale. */ | ||||
| } | ||||
| 
 | ||||
| main header { | ||||
|   text-align: center; | ||||
| } | ||||
| 
 | ||||
| main h1 { | ||||
|   font-size: 1.8rem; | ||||
| } | ||||
| 
 | ||||
| main h2 { | ||||
|   font-size: 1.5rem; | ||||
| } | ||||
| 
 | ||||
| main h3 { | ||||
| } | ||||
| 
 | ||||
| /* The main content for the index page, standing out on purpose.  */ | ||||
| .hero { | ||||
|   display: flex; | ||||
|   flex-flow: row nowrap; | ||||
|   align-items: center; | ||||
| } | ||||
| 
 | ||||
| /* Let the hero portrait image be above the hero intro text on small devices. */ | ||||
| @media only screen and (max-width: 600px) { | ||||
| 
 | ||||
| } | ||||
| 
 | ||||
| /* Reduces margin just enough to accomodate the shadow (see below) */ | ||||
| /* (shadows gets cut off otherwise, since it breaches the borders of <body>) */ | ||||
| .hero .portrait { | ||||
|   margin-left: 2px; | ||||
| } | ||||
| 
 | ||||
| /* Adds a soft border-like shadow under the image to make it stand out but not too much */ | ||||
| .hero img { | ||||
|   filter: drop-shadow(0 0 2px var(--callout-dropshadow-color)); | ||||
| } | ||||
| 
 | ||||
| /* Text block in the hero for displaying larger introductory text. */ | ||||
| .intro { | ||||
|   min-width: 200px; | ||||
| } | ||||
| 
 | ||||
| /* Make section into cards. */ | ||||
| section { | ||||
|   margin: 0px; | ||||
|   padding: 0px 8px 0px; | ||||
|   color: var(--callout-fg-color); | ||||
|   background-color: var(--bg-color); | ||||
| } | ||||
| 
 | ||||
| /* Remove the disclosure triangle, per | ||||
|  * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary | ||||
|  */ | ||||
| summary { | ||||
|   display: block; | ||||
| } | ||||
| 
 | ||||
| /* Makes the content cascade downwards nicely.  | ||||
|  * Details summary is flush, but details content is one em right. */ | ||||
| details { | ||||
|   padding: 0 0em; | ||||
| } | ||||
| 
 | ||||
| details > :not(summary) { | ||||
|   margin-left: 1em; | ||||
|   margin-right: 0em; | ||||
| } | ||||
| 
 | ||||
| /* Show a textual prompt for opening details (shown after the summary) */ | ||||
| summary:after { | ||||
|   color: var(--link-color); | ||||
|   font-weight: bold; | ||||
|   content: "Show more..."; | ||||
| } | ||||
| 
 | ||||
| /* Show a textual prompt for closing details (shown after the summary) */ | ||||
| details[open] summary:after { | ||||
|   content: "Show less..."; | ||||
| } | ||||
| 
 | ||||
| /* Basic shape and alignment of the navigational header and informational footer. */ | ||||
| header, footer { | ||||
|   text-align: center; | ||||
| } | ||||
| 
 | ||||
| /* Place the title on the left and the navigation on the right.  */ | ||||
| body>header { | ||||
|   display: flex; | ||||
|   /* spreads the elements of a flex-displayed container as far apart as possible */ | ||||
|   justify-content: space-between; | ||||
|   /* aligns the elements of a flex-displayed container vertically, along the center line */ | ||||
|   align-items: center; | ||||
|   margin-bottom: 1em; | ||||
|   padding: 0.25rem 0.5rem; | ||||
|   background-color: var(--fg-color); | ||||
|   color: var(--bg-color); | ||||
| } | ||||
| 
 | ||||
| /* Let the header text be above the navigation links in the header on small devices. */ | ||||
| @media only screen and (max-width: 600px) { | ||||
|   header { | ||||
|     display: flex; | ||||
|     flex-flow: column nowrap; | ||||
|     align-items: center; | ||||
|     margin-bottom: 1em; | ||||
|   } | ||||
|   .hero { | ||||
|     display: flex; | ||||
|     flex-flow: column nowrap; | ||||
|     align-items: center; | ||||
|   } | ||||
|   body{ | ||||
|     margin: 1rem; | ||||
|     padding: 1rem; | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| nav.div { | ||||
|   display: block; | ||||
|   float: right; | ||||
| } | ||||
| 
 | ||||
| nav a + a { | ||||
|   margin-left: 0.33em; | ||||
| } | ||||
| 
 | ||||
| /* Link styling. All links get the same color. When hovering, they get an underline. */ | ||||
| a, | ||||
| a:visited, | ||||
| a:hover { color: var(--link-color) } | ||||
| 
 | ||||
| a { text-decoration: underline; } | ||||
| a:hover { text-decoration: none; } | ||||
| 
 | ||||
| a[href*="://"]:after { | ||||
|   content: "↗"; | ||||
|   display: inline-block; | ||||
|   font-weight: bold; | ||||
| } | ||||
| 
 | ||||
| /* List styling */ | ||||
| 
 | ||||
| li + li { margin-top: 0.5ex; } | ||||
| 
 | ||||
| /* Turn off bullets and spacing on list pages */ | ||||
| .list ul { | ||||
|   padding-left: 0px; | ||||
| } | ||||
| .list li {  | ||||
|   list-style-type: none; | ||||
| } | ||||
| 
 | ||||
| /* Applied to the Hugo-generated Table of Contents. | ||||
|  * To get a TOC, the following is added to the YAML. | ||||
| 
 | ||||
|  output: | ||||
|  blogdown::html_page: | ||||
|  toc: true | ||||
| 
 | ||||
|  */ | ||||
| 
 | ||||
| /* Images, tables, etc are centrally aligned. */ | ||||
| img:not(.inline), iframe, video {  | ||||
|   max-width: 100%; | ||||
|   display: block; | ||||
|   margin-left: auto; | ||||
|   margin-right: auto; | ||||
| } | ||||
| 
 | ||||
| /* Generated tables. */ | ||||
| #goat { | ||||
|   max-width: 100%; | ||||
|   display: block; | ||||
|   margin-left: auto; | ||||
|   margin-right: auto; | ||||
| } | ||||
| 
 | ||||
| /* For images with caption, placed in-line with text */ | ||||
| figure { | ||||
|   margin: 20px; | ||||
|   max-width: 300px; | ||||
|   background-color: white; | ||||
|   padding: 2.5%; | ||||
|   border-radius: 0.5rem; | ||||
|   filter: drop-shadow(3px 3px 4px black); | ||||
| } | ||||
| 
 | ||||
| figure.right { | ||||
|   float: right; | ||||
|   transform: rotate(0.5deg); | ||||
| } | ||||
| 
 | ||||
| figure.left { | ||||
|   float: left; | ||||
|   transform: rotate(-0.75deg); | ||||
| } | ||||
| 
 | ||||
| figure.center { | ||||
|   max-width: 100%; | ||||
|   width: auto; | ||||
|   margin: auto; | ||||
|   text-align: center; | ||||
| } | ||||
| 
 | ||||
| figure img { | ||||
|   max-width: 200px; | ||||
|   border-radius: 0.5rem; | ||||
|   filter: grayscale(0.5); | ||||
| } | ||||
| 
 | ||||
| figure.center img { | ||||
|   max-width: 100%; | ||||
| } | ||||
| figure.portrait { | ||||
|   margin: initial; | ||||
|   background-color: white; | ||||
|   padding: 0; | ||||
|   margin: 2.5%; | ||||
|   border-radius: 50%; | ||||
|   filter: none; | ||||
| } | ||||
| figure.portrait img { | ||||
|   max-width: 200px; | ||||
|   border-radius: 100%; | ||||
| } | ||||
| 
 | ||||
| /* Block quotes and code quotes have some emphasis added. */ | ||||
| blockquote, pre { | ||||
|   /* A bar to the left of each quote. */ | ||||
|   border: 1px solid var(--offset-border-color); | ||||
|   border-left: 5px solid var(--offset-border-color); | ||||
| 
 | ||||
|   /* Tastefully rounded corners. */ | ||||
|   border-radius: 3px; | ||||
| 
 | ||||
|   /* An offset background. Important to override pygments. */ | ||||
|   background-color: var(--offset-bg-color) !important; | ||||
| 
 | ||||
|   /* Basic outstanding layout. */  | ||||
|   margin: 1rem 0.75rem 0.5rem 0.75rem; | ||||
|   padding: 0.5rem 1rem; | ||||
| } | ||||
| 
 | ||||
| /* Code boxes scroll instead of wrapping. */ | ||||
| pre { | ||||
|   overflow-x: auto; | ||||
| } | ||||
| 
 | ||||
| /* pagination */ | ||||
| .pagination li { | ||||
|   display: inline; | ||||
|   list-style: none; | ||||
| } | ||||
| ul.pagination { | ||||
|   padding: none; | ||||
| } | ||||
| 
 | ||||
| /* Pretty styling for tables. */ | ||||
| table { | ||||
|   border-collapse: collapse; | ||||
| } | ||||
| 
 | ||||
| thead th, tfoot th { | ||||
|   margin: auto; | ||||
|   padding: 2px; | ||||
|   font-weight: heavy; | ||||
| } | ||||
| 
 | ||||
| td { | ||||
|   padding: 0.5rem 0.5rem; | ||||
|   border: 1px solid var(--fg-color); | ||||
| } | ||||
| 
 | ||||
| /* | ||||
| table { | ||||
|   margin: auto; | ||||
|   border-top: 1px solid var(--fg-color); | ||||
|   border-bottom: 1px solid var(--fg-color); | ||||
| } | ||||
| table thead th { border-bottom: 1px solid var(--fg-color); } | ||||
| th, td { padding: 5px; } | ||||
| */ | ||||
| 
 | ||||
| /* Turn off unused elements in print layouts */ | ||||
| @media print { | ||||
|   header, footer { display: none !important; } | ||||
|   code { font-size: 45%; } | ||||
|   a.footnote-return { display: none !important; } | ||||
| } | ||||
| 
 | ||||
| /* From https://accessibility.oit.ncsu.edu/it-accessibility-at-nc-state/developers/accessibility-handbook/mouse-and-keyboard-events/skip-to-main-content/ */ | ||||
| a.skip-main { | ||||
|   position: absolute; | ||||
|   left: -9999px; | ||||
|   background-color: #000; | ||||
|   color: #fff; | ||||
|   padding: 0.25em 1em; | ||||
|   border-radius: 16px; | ||||
|   border: 4px solid yellow; | ||||
|   text-align: center; | ||||
|   font-size: 1.25em; | ||||
| } | ||||
| 
 | ||||
| a.skip-main:focus, | ||||
| a.skip-main:active { left: auto; } | ||||
| 
 | ||||
|  | @ -0,0 +1,13 @@ | |||
| name = "MONKEYCHEF" | ||||
| license = "fuck u" | ||||
| licenselink = "https://www.youtube.com/watch?v=dQw4w9WgXcQ" | ||||
| description = "A pretty page that looks like paper!" | ||||
| homepage = "https://nora.codes" | ||||
| tags = ["minimal", "blog", "personal", "simple", "clean", "starter", "minimalist"] | ||||
| features = ["blog"] | ||||
| min_version = "0.69" | ||||
| 
 | ||||
| [author] | ||||
|   name = "null & void Danger Ultraviolet" | ||||
|   homepage = "https://0ultraviolet.space" | ||||
| 
 | ||||
		Loading…
	
		Reference in New Issue