├── layouts ├── 404.html ├── partials │ ├── footer.html │ ├── head │ │ ├── css.html │ │ └── js.html │ ├── paginator.html │ ├── terms.html │ ├── post-preview.html │ ├── disqus.html │ ├── head.html │ ├── menu.html │ └── header.html └── _default │ ├── baseof.html │ ├── list.html │ ├── term.html │ ├── terms.html │ ├── home.html │ └── single.html ├── assets ├── js │ └── main.js └── css │ ├── normalize.css │ └── index.css ├── static ├── js │ └── main.js ├── favicon.ico ├── background.png └── css │ └── main.css ├── public ├── favicon.ico ├── page │ └── 1 │ │ └── index.html ├── sitemap.xml ├── index.xml ├── tags │ ├── index.xml │ └── index.html ├── categories │ ├── index.xml │ └── index.html └── index.html ├── archetypes └── default.md ├── hugo.toml ├── theme.toml ├── README.md └── LICENSE /layouts/404.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /assets/js/main.js: -------------------------------------------------------------------------------- 1 | console.log('This site was generated by Hugo.'); 2 | -------------------------------------------------------------------------------- /static/js/main.js: -------------------------------------------------------------------------------- 1 | console.log('This site was generated by Hugo.'); 2 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mngshm/akhbaar/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /static/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mngshm/akhbaar/HEAD/static/favicon.ico -------------------------------------------------------------------------------- /static/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mngshm/akhbaar/HEAD/static/background.png -------------------------------------------------------------------------------- /archetypes/default.md: -------------------------------------------------------------------------------- 1 | +++ 2 | title = '{{ replace .File.ContentBaseName "-" " " | title }}' 3 | date = {{ .Date }} 4 | description = "A nice description" 5 | tags = ['life', 'is', 'empty', 'without', 'tags'] 6 | draft = true 7 | thumbnail = "" 8 | +++ 9 | -------------------------------------------------------------------------------- /layouts/partials/footer.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | footer 4 |
5 |
6 |

7 | Made with ❤️ and अखबार! 8 |

9 |
10 | 11 | 12 | -------------------------------------------------------------------------------- /public/page/1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | https://example.org/ 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /public/sitemap.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | https://example.org/categories/ 6 | 7 | https://example.org/ 8 | 9 | https://example.org/tags/ 10 | 11 | 12 | -------------------------------------------------------------------------------- /layouts/partials/head/css.html: -------------------------------------------------------------------------------- 1 | {{- with resources.Get "css/main.css" }} 2 | {{- if eq hugo.Environment "development" }} 3 | 4 | {{- else }} 5 | {{- with . | minify | fingerprint }} 6 | 7 | {{- end }} 8 | {{- end }} 9 | {{- end }} 10 | -------------------------------------------------------------------------------- /hugo.toml: -------------------------------------------------------------------------------- 1 | baseURL = 'https://example.org/' 2 | languageCode = 'en-US' 3 | title = 'My New Hugo Site' 4 | 5 | [[menus.main]] 6 | name = 'Home' 7 | pageRef = '/' 8 | weight = 10 9 | 10 | [[menus.main]] 11 | name = 'Posts' 12 | pageRef = '/posts' 13 | weight = 20 14 | 15 | [[menus.main]] 16 | name = 'Tags' 17 | pageRef = '/tags' 18 | weight = 30 19 | 20 | [module] 21 | [module.hugoVersion] 22 | extended = false 23 | min = "0.116.0" 24 | -------------------------------------------------------------------------------- /layouts/_default/baseof.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{ partial "head.html" . }} 5 | 6 | 7 |
8 | {{ partial "header.html" . }} 9 |
10 |
11 | {{ block "main" . }}{{ end }} 12 |
13 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /layouts/_default/list.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{ partial "header.html" . }} 4 | 5 | 6 |
7 | {{ partial "head.html" . }} 8 |

{{ .Name }}

9 | 10 | {{ .Content }} 11 | 16 |
17 | 18 | {{ partial "footer.html" . }} 19 | 20 | 21 | -------------------------------------------------------------------------------- /public/index.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My New Hugo Site 5 | https://example.org/ 6 | Recent content on My New Hugo Site 7 | Hugo 8 | en-US 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /layouts/partials/head/js.html: -------------------------------------------------------------------------------- 1 | {{- with resources.Get "js/main.js" }} 2 | {{- if eq hugo.Environment "development" }} 3 | {{- with . | js.Build }} 4 | 5 | {{- end }} 6 | {{- else }} 7 | {{- $opts := dict "minify" true }} 8 | {{- with . | js.Build $opts | fingerprint }} 9 | 10 | {{- end }} 11 | {{- end }} 12 | {{- end }} 13 | -------------------------------------------------------------------------------- /layouts/_default/term.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{ partial "header.html" . }} 4 | 5 | 6 |
7 | {{ partial "head.html" . }} 8 | 9 |

{{ .Title }}

10 | 11 | {{ with (.Site.GetPage .Title) }} 12 | 17 | {{ end }} 18 |
19 | 20 | {{ partial "footer.html" . }} 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /public/tags/index.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Tags on My New Hugo Site 5 | https://example.org/tags/ 6 | Recent content in Tags on My New Hugo Site 7 | Hugo 8 | en-US 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /public/categories/index.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Categories on My New Hugo Site 5 | https://example.org/categories/ 6 | Recent content in Categories on My New Hugo Site 7 | Hugo 8 | en-US 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /layouts/partials/paginator.html: -------------------------------------------------------------------------------- 1 | 2 | {{ $pag := $.Paginator }} 3 | {{ if gt $pag.TotalPages 1 }} 4 | 16 | {{ end }} -------------------------------------------------------------------------------- /layouts/partials/terms.html: -------------------------------------------------------------------------------- 1 | {{- /* 2 | For a given taxonomy, renders a list of terms assigned to the page. 3 | 4 | @context {page} page The current page. 5 | @context {string} taxonomy The taxonomy. 6 | 7 | @example: {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }} 8 | */}} 9 | 10 | {{- $page := .page }} 11 | {{- $taxonomy := .taxonomy }} 12 | 13 | {{- with $page.GetTerms $taxonomy }} 14 | {{- $label := (index . 0).Parent.LinkTitle }} 15 |
16 |
{{ $label }}:
17 | 22 |
23 | {{- end }} 24 | -------------------------------------------------------------------------------- /theme.toml: -------------------------------------------------------------------------------- 1 | name = 'Akhbaar' 2 | license = 'MIT' 3 | licenselink = 'https://github.com/mngshm/akhbaar' 4 | description = 'An attempt at making a hugo theme resembling an old newspaper' 5 | 6 | # The home page of the theme, where the source can be found 7 | homepage = 'https://github.com/mngshm/akhbaar' 8 | 9 | # If you have a running demo of the theme 10 | demosite = 'https://mangeshm.xyz' 11 | 12 | # Taxonomy terms 13 | tags = ['blog', 'company', 'newspaper'] 14 | features = ['blogpage', 'newspaper styled', 'akhbaar'] 15 | 16 | # If the theme has multiple authors 17 | authors = [ 18 | {name = 'Mangesh', homepage = 'https://mangeshm.xyz'} 19 | ] 20 | 21 | # If the theme has a single author 22 | [author] 23 | name = 'Mangesh' 24 | homepage = 'https://mangeshm.xyz' 25 | -------------------------------------------------------------------------------- /layouts/partials/post-preview.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | {{ if .Params.thumbnail }} 4 | {{ .Title }} 5 | {{ end }} 6 |
7 |

8 | {{.Title}}{{ if .Draft }}DRAFT{{ end }} 9 |

10 |

11 | {{ .Description }} 12 |

13 |
14 | {{ .Date.Format (default "2 Jan 2006" $.Site.Params.dateFormat) }} 15 | , 16 | 17 | {{ .ReadingTime }} min 18 | 19 |
20 |
21 |
22 |
-------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | # Akhbaar 3 | 4 | Akhbaar is an attempt at making a hugo theme which resembles an old newspaper! 5 | 6 | ## Features 7 | 8 | - Clean and Minimal 9 | - No Bloat 10 | - Responsive 11 | - Tags Support 12 | - Social Media Links Support 13 | - Custom CSS/JS 14 | 15 | ## Installation 16 | 17 | ```sh 18 | cd themes 19 | git clone https://github.com/mangeshrex/akhbaar 20 | ``` 21 | 22 | ## Configuration 23 | 24 | To be updated soon. The theme is still in testing and lacks some features. 25 | 26 | ## Credits 27 | 28 | Akhbaar is made on top of [ezhil](https://github.com/vividvilla/ezhil) and [hugo-ink](https://github.com/knadh/hugo-ink) (great themes in all). As you can see, these themes are no more maintained and do not comply with latest hugo versions. Perhaps, thats the frustration akhbaar would kill. 29 | -------------------------------------------------------------------------------- /layouts/partials/disqus.html: -------------------------------------------------------------------------------- 1 |
2 | 15 | 16 | comments powered by Disqus 17 | -------------------------------------------------------------------------------- /layouts/_default/terms.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{ partial "header.html" . }} 4 | 5 | 6 |
7 | {{ partial "head.html" . }} 8 | 9 |

{{ .Name }}

10 | 11 | {{ $biggest := 1 }} 12 | {{ $smallest := 1 }} 13 | {{ $max := 3 }} 14 | {{ $min := 1 }} 15 | {{ $size := $min }} 16 | 17 | {{ $data := .Data }} 18 |
19 | {{ range $key, $value := .Data.Terms.ByCount }} 20 | {{ $size := (add (mul (div $value.Count $biggest) (sub $max $min)) $min) }} 21 | {{ $size := (cond (eq $biggest $smallest) $min $size) }} 22 | {{ $value.Name }}{{ $value.Count }} 23 | {{ end }} 24 |
25 |
26 | 27 | {{ partial "footer.html" . }} 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /layouts/partials/head.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | 15 |
16 |
17 | {{ if .Site.Params.Avatar }} 18 |
19 | 20 | {{ .Site.Title }} 21 | 22 |
23 | {{ end }} 24 |
25 |

{{ .Site.Title }}

26 |
27 | {{- if isset .Site.Params "subtitle" -}} 28 |

{{ .Site.Params.Subtitle | markdownify }}

29 | {{- end -}} 30 |
31 |
32 |
33 |
34 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) [year] [fullname] 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /layouts/partials/menu.html: -------------------------------------------------------------------------------- 1 | {{- /* 2 | Renders a menu for the given menu ID. 3 | 4 | @context {page} page The current page. 5 | @context {string} menuID The menu ID. 6 | 7 | @example: {{ partial "menu.html" (dict "menuID" "main" "page" .) }} 8 | */}} 9 | 10 | {{- $page := .page }} 11 | {{- $menuID := .menuID }} 12 | 13 | {{- with index site.Menus $menuID }} 14 | 19 | {{- end }} 20 | 21 | {{- define "partials/inline/menu/walk.html" }} 22 | {{- $page := .page }} 23 | {{- range .menuEntries }} 24 | {{- $attrs := dict "href" .URL }} 25 | {{- if $page.IsMenuCurrent .Menu . }} 26 | {{- $attrs = merge $attrs (dict "class" "active" "aria-current" "page") }} 27 | {{- else if $page.HasMenuCurrent .Menu .}} 28 | {{- $attrs = merge $attrs (dict "class" "ancestor" "aria-current" "true") }} 29 | {{- end }} 30 | {{- $name := .Name }} 31 | {{- with .Identifier }} 32 | {{- with T . }} 33 | {{- $name = . }} 34 | {{- end }} 35 | {{- end }} 36 |
  • 37 | {{ $name }} 44 | {{- with .Children }} 45 | 48 | {{- end }} 49 |
    • 50 | {{- end }} 51 | {{- end }} 52 | -------------------------------------------------------------------------------- /assets/css/normalize.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}html{font-family:serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0} -------------------------------------------------------------------------------- /layouts/_default/home.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{ partial "header.html" . }} 4 | 5 | 6 |
    7 | {{ partial "head.html" . }} 8 |
    9 |

    Featured

    10 | {{ $mostRecent := first 1 (.Site.RegularPages.ByDate.Reverse) }} 11 | {{ range $mostRecent }} 12 |
    13 | {{ partial "post-preview.html" . }} 14 |
    15 | {{ end }} 16 | 17 | {{ $featured := where .Site.RegularPages ".Params.featured" 1 }} 18 |
    19 | {{ range $featured }} 20 |
    21 | {{ partial "post-preview.html" . }} 22 |
    23 | {{ end }} 24 |
    25 |
    26 | 27 |
    28 |
    29 |

    Posts

    30 |
    31 | {{ $posts := where .Site.RegularPages "Section" "posts" }} 32 | {{ range $posts }} 33 |
    34 | {{ partial "post-preview.html" . }} 35 |
    36 | {{ end }} 37 |
    38 |
    39 |
    40 | 41 | 42 |
    43 |

    Essays

    44 |
    45 | {{ $essays := where .Site.RegularPages "Section" "essays" }} 46 | {{ range $essays }} 47 | {{ partial "post-preview.html" . }} 48 | {{ end }} 49 |
    50 |
    51 | 52 | 53 |
    54 |

    Poems

    55 |
    56 | {{ $poems := where .Site.RegularPages "Section" "poems" }} 57 | {{ range $poems }} 58 | {{ partial "post-preview.html" . }} 59 | {{ end }} 60 |
    61 |
    62 |
    63 | 64 | 65 | 66 | {{ partial "footer.html" . }} 67 | 68 | 69 | -------------------------------------------------------------------------------- /layouts/partials/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{- $title := ( .Title ) -}} 5 | {{- $siteTitle := ( .Site.Title ) -}} 6 | {{- if .IsHome -}} 7 | {{ $siteTitle }} {{ if isset .Site.Params "subtitle" }}- {{ .Site.Params.Subtitle }}{{ end }} 8 | {{- else -}} 9 | {{ $title }} - {{ $siteTitle }} 10 | {{- end -}} 11 | 12 | {{- if isset .Site.Params "favicon" -}} 13 | 14 | {{- end -}} 15 | 16 | 17 | {{ with .OutputFormats.Get "rss" -}} 18 | {{ printf `` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }} 19 | {{ end -}} 20 | 21 | {{- template "_internal/schema.html" . -}} 22 | {{- template "_internal/opengraph.html" . -}} 23 | {{- template "_internal/twitter_cards.html" . -}} 24 | 25 | 26 | 27 | 28 | {{- if isset .Site.Params "customcss" }} 29 | 30 | {{ end }} 31 | {{ if and (isset .Site.Params "social") (isset .Site.Params "feathericonscdn") (eq .Site.Params.featherIconsCDN true) -}} 32 | 33 | {{- else if or (isset .Site.Params "social") (eq .Site.Params.mode "auto") (eq .Site.Params.mode "dark") -}} 34 | 35 | {{ end }} 36 | 37 | {{- if isset .Site.Params "customjs" -}} 38 | {{- range .Site.Params.customJS }}{{- end }} 39 | {{- end }} 40 | 41 | -------------------------------------------------------------------------------- /layouts/_default/single.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{ partial "header.html" . }} 4 |
    5 |
    6 |
    7 |
    8 |
    9 |
    10 |
    11 |

    {{ .Title }}

    12 | 13 | {{ if isset .Params "description" }} 14 | {{ .Description }} 15 | {{ else if gt (countrunes (.Content | plainify)) 300 }} 16 | {{ slicestr (.Content) 0 300 | safeHTML }}... 17 | {{ else }} 18 | {{ .Content | plainify | safeHTML }} 19 | {{ end }} 20 | 21 |
    22 | {{ if ne .Date.Year 1 }} 23 |
    24 |
    25 |
    26 | 27 |
    28 | 29 | 31 | 32 | 33 |
    34 |     35 |
    36 |
    37 |

    {{ upper .Type }}

    38 |
    39 |
    40 |

    41 | {{ dateFormat "02" .Date }} {{ if $.Site.Data.month }}{{ index $.Site.Data.month 42 | (printf 43 | "%d" 44 | .Date.Month) }} {{ .Date.Year }}{{ else }}{{ dateFormat "Jan 2006" .Date }}{{ end 45 | }}

    46 |
    47 |
    48 |
    49 |
    50 |
    51 | {{ .Content }} 52 |
    53 | {{ end }} 54 | 55 |
    56 |
    57 | 58 |
    59 | {{ partial "footer.html" . }} 60 | 61 | -------------------------------------------------------------------------------- /public/tags/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Tags - My New Hugo Site 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 |
    26 |
    27 |
    28 | 50 |
    51 |
    52 | 53 |
    54 |

    My New Hugo Site

    55 |
    56 |
    57 |
    58 |
    59 |
    60 | 61 | 62 |

    Tags

    63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 |
    72 | 73 |
    74 |
    75 | 76 |
    77 |
    78 | footer 79 |
    80 |
    81 |

    82 | Made with cusotmized version of Hugo-Ink! 83 |

    84 |
    85 | 86 | 87 | 88 | 89 | 90 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | My New Hugo Site 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 |
    27 |
    28 |
    29 | 51 |
    52 |
    53 | 54 |
    55 |

    My New Hugo Site

    56 |
    57 |
    58 |
    59 |
    60 |
    61 | 62 |
    63 |
    64 | 65 | 66 | 67 | 68 | 69 |
    70 |
    71 |
    72 |
    73 |
    74 | footer 75 |
    76 |
    77 |

    78 | Made with cusotmized version of Hugo-Ink! 79 |

    80 |
    81 | 82 | 83 | 84 | 85 | -------------------------------------------------------------------------------- /public/categories/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Categories - My New Hugo Site 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 |
    26 |
    27 |
    28 | 50 |
    51 |
    52 | 53 |
    54 |

    My New Hugo Site

    55 |
    56 |
    57 |
    58 |
    59 |
    60 | 61 | 62 |

    Categories

    63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 |
    72 | 73 |
    74 |
    75 | 76 |
    77 |
    78 | footer 79 |
    80 |
    81 |

    82 | Made with cusotmized version of Hugo-Ink! 83 |

    84 |
    85 | 86 | 87 | 88 | 89 | 90 | -------------------------------------------------------------------------------- /assets/css/index.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap'); 2 | @import url('https://fonts.googleapis.com/css2?family=UnifrakturCook&display=swap'); 3 | @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap'); 4 | @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@100..900&display=swap'); 5 | 6 | body { 7 | font-family: "EB Garamond", "Noto Sans Devnagari", sans-serif !important; 8 | font-weight: 400; 9 | color: #333; 10 | line-height: 1.8em; 11 | font-size: 17px; 12 | background: url(https://frappe.io/files/npaper.png); 13 | background-repeat: repeat-y; 14 | /* background-color: #F5F2E8; */ 15 | margin: 0; 16 | } 17 | 18 | a { 19 | color: black; 20 | text-decoration: none; 21 | word-break: break-word; 22 | } 23 | 24 | a:hover { 25 | color: black !important; 26 | } 27 | 28 | html, 29 | button, 30 | input, 31 | select, 32 | textarea { 33 | color: #333; 34 | } 35 | 36 | ::-moz-selection { 37 | text-shadow: none; 38 | color: #fff; 39 | text-decoration: underline; 40 | } 41 | 42 | ::selection { 43 | background: black; 44 | text-shadow: none; 45 | color: #fff; 46 | } 47 | 48 | hr { 49 | display: block; 50 | height: 1px; 51 | border: 0; 52 | border-top: 1px solid #ccc; 53 | margin: 1rem 0; 54 | padding: 0; 55 | } 56 | 57 | img { 58 | margin: 10px auto 10px auto; 59 | max-width: 100%; 60 | display: block; 61 | } 62 | 63 | a img { 64 | border: none; 65 | } 66 | 67 | figure { 68 | margin: 0; 69 | text-align: center; 70 | } 71 | 72 | fieldset { 73 | border: 0; 74 | margin: 0; 75 | padding: 0; 76 | } 77 | 78 | table { 79 | -ms-overflow-style: -ms-autohiding-scrollbar; 80 | -webkit-overflow-scrolling: touch; 81 | background-color: transparent; 82 | margin-bottom: 1rem; 83 | overflow-x: auto; 84 | width: 100%; 85 | } 86 | 87 | table th, 88 | table td { 89 | border-bottom: 1px solid #dee2e6; 90 | padding: 0.75rem; 91 | vertical-align: top; 92 | } 93 | 94 | table thead th { 95 | border-bottom: 2px solid #dee2e6; 96 | vertical-align: bottom; 97 | } 98 | 99 | table tbody+tbody { 100 | border-top: 2px solid #dee2e6; 101 | } 102 | 103 | table tbody tr:nth-of-type(even) { 104 | background-color: rgba(0, 0, 0, 0.15); 105 | } 106 | 107 | table th { 108 | background-color: #212529; 109 | border-color: #32383e; 110 | color: #fff; 111 | } 112 | 113 | textarea { 114 | resize: vertical; 115 | } 116 | 117 | i { 118 | font-family: "Unifraktur", cursive; 119 | } 120 | 121 | blockquote { 122 | font-family: "Unifraktur", cursive !important; 123 | margin-left: 1rem; 124 | font-style: italic; 125 | font-size: 1.2rem; 126 | font-family: Georgia, bitstream charter, serif; 127 | border-left: 3px solid; 128 | border-color: #FFB7D6; 129 | padding-left: 20px; 130 | } 131 | 132 | blockquote cite { 133 | font-size: 50%; 134 | opacity: .8; 135 | } 136 | 137 | blockquote em { 138 | font-weight: 600; 139 | } 140 | 141 | 142 | h1, 143 | h2, 144 | h3, 145 | h4, 146 | h5, 147 | h6 { 148 | color: #333; 149 | font-weight: 500; 150 | line-height: 1.3em; 151 | margin: 30px 0 20px 0; 152 | } 153 | 154 | h1 { 155 | font-size: 2.75rem; 156 | } 157 | 158 | h2 { 159 | font-size: 2rem; 160 | } 161 | 162 | h3 { 163 | font-size: 1.6rem; 164 | } 165 | 166 | h4 { 167 | font-size: 1.2rem; 168 | } 169 | 170 | h5 { 171 | font-size: 1rem; 172 | } 173 | 174 | h6 { 175 | font-size: .9rem; 176 | } 177 | 178 | code { 179 | font-size: 15px; 180 | font-style: 'Jetbrains Mono', monospace; 181 | } 182 | 183 | .align-center { 184 | text-align: center; 185 | } 186 | 187 | .align-left { 188 | text-align: left; 189 | } 190 | 191 | .align-right { 192 | text-align: right; 193 | } 194 | 195 | ul { 196 | padding-left: 15px; 197 | } 198 | 199 | ul.flat { 200 | margin: 0; 201 | padding: 0; 202 | } 203 | 204 | ul.flat li { 205 | display: block; 206 | list-style: none; 207 | margin-left: 0; 208 | } 209 | 210 | .prevent-collapse { 211 | min-height: .1rem 212 | } 213 | 214 | .smaller { 215 | font-size: 70%; 216 | } 217 | 218 | ul { 219 | list-style: disc inside; 220 | } 221 | 222 | .post ul li { 223 | margin-bottom: 10px; 224 | font-size: 20px !important; 225 | } 226 | 227 | li { 228 | font-size: 22px !important; 229 | } 230 | 231 | .post a { 232 | font-style: normal; 233 | text-decoration: underline; 234 | } 235 | 236 | .post a:hover { 237 | color: bblack !important; 238 | font-style: italic; 239 | } 240 | 241 | .post ul li p { 242 | display: inline; 243 | } 244 | 245 | .thumbnail-img { 246 | filter: grayscale(100%) !important; 247 | } 248 | 249 | .highlight pre { 250 | margin-bottom: 0; 251 | margin-top: 0; 252 | padding: 20px; 253 | } 254 | 255 | .highlight { 256 | background: 0 0; 257 | background-color: #272822 258 | } 259 | 260 | em { 261 | display: block; 262 | font-style: italic; 263 | text-align: center !important; 264 | font-size: 19px; 265 | } 266 | 267 | .wrapper { 268 | max-width: 900px; 269 | margin: 0 auto; 270 | } 271 | 272 | .container { 273 | max-width: 800px; 274 | margin-top: 30px; 275 | } 276 | 277 | .header-div { 278 | margin-top: 10px; 279 | display: flex; 280 | flex-direction: column; 281 | } 282 | 283 | .header { 284 | margin-bottom: 20px; 285 | padding-bottom: 20px; 286 | } 287 | 288 | .header .avatar { 289 | margin: 0 20px 0 0; 290 | } 291 | 292 | .header .avatar img { 293 | width: 180px; 294 | height: 180px; 295 | border-radius: 100%; 296 | padding-top: 1em; 297 | } 298 | 299 | .header .site-title { 300 | margin: 0; 301 | text-align: center; 302 | } 303 | 304 | .header .site-description { 305 | text-align: center; 306 | font-size: 20px; 307 | padding-top: 10px; 308 | border-top: 1px solid black; 309 | border-bottom: 1px solid black; 310 | } 311 | 312 | .header .site-description p { 313 | margin: 0 0 10px 0; 314 | } 315 | 316 | .header nav { 317 | border-top: 1px solid #eee; 318 | padding-top: 15px; 319 | display: flex; 320 | justify-content: space-between 321 | } 322 | 323 | .header nav ul, 324 | .header nav li { 325 | margin: 0; 326 | padding: 0; 327 | } 328 | 329 | .header nav li { 330 | display: inline-block; 331 | list-style: none; 332 | margin: 0 30px 0 0; 333 | } 334 | 335 | .header nav.social a { 336 | color: #333; 337 | } 338 | 339 | .header nav.social a:hover { 340 | color: black; 341 | } 342 | 343 | .header .site-description nav { 344 | margin: 0; 345 | padding: 0; 346 | border: none; 347 | min-width: 50px; 348 | margin-left: 15px; 349 | } 350 | 351 | .header .site-description nav ul svg { 352 | max-height: 15px; 353 | } 354 | 355 | .header .site-description .scheme-toggle { 356 | height: 100%; 357 | } 358 | 359 | .header .site-description .scheme-toggle a svg { 360 | max-height: 15px; 361 | } 362 | 363 | .header .site-description .scheme-toggle a.dark svg { 364 | fill: #f8e04f; 365 | color: #f8e04f; 366 | } 367 | 368 | .header .site-description .scheme-toggle a.light svg { 369 | fill: grey; 370 | color: black; 371 | } 372 | 373 | .section .section-header { 374 | font-size: 0.75rem; 375 | font-weight: 600; 376 | text-transform: uppercase; 377 | color: #999; 378 | margin-bottom: 20px; 379 | 380 | } 381 | 382 | .markdown { 383 | max-width: 800px; 384 | } 385 | 386 | .post-header { 387 | display: flex; 388 | gap: 20px; 389 | justify-content: space-between; 390 | } 391 | 392 | .blog-post { 393 | display: flex; 394 | flex-direction: row; 395 | justify-content: space-between; 396 | } 397 | 398 | .blog-post a { 399 | text-decoration: none !important; 400 | } 401 | 402 | .post-header .site-dish { 403 | max-width: 550px; 404 | } 405 | 406 | 407 | .site-dish .description { 408 | font-size: 20px; 409 | } 410 | 411 | .post-header .site-dish .title { 412 | background-color: #e8ebf5; 413 | padding: 10px; 414 | text-align: left; 415 | text-transform: capitalize !important; 416 | } 417 | 418 | .post-header .date-singles { 419 | font-family: "Jetbrains Mono", monospace; 420 | } 421 | 422 | .post-header h1.title { 423 | margin: -10px 0 0 0; 424 | text-align: center; 425 | font-size: 2.5rem; 426 | } 427 | 428 | .post .title.small { 429 | margin: 0 0 10px 0; 430 | } 431 | 432 | .post p { 433 | font-size: 22px; 434 | } 435 | 436 | .post .draft-label { 437 | color: black; 438 | text-decoration: none; 439 | padding: 2px 4px; 440 | border-radius: 4px; 441 | margin-left: 6px; 442 | background-color: #f9f2f4; 443 | } 444 | 445 | .post-header #TableOfContents ul { 446 | display: none; 447 | list-style: none; 448 | max-width: 200px; 449 | } 450 | 451 | .tags { 452 | display: block; 453 | } 454 | 455 | .tags span { 456 | font-family: "Jetbrains Mono", monospace; 457 | font-size: 18px !important; 458 | padding: 0px 6px; 459 | line-height: 20px; 460 | margin: auto; 461 | padding: 3px; 462 | color: black !important; 463 | border: 1px solid black; 464 | } 465 | 466 | .posts { 467 | display: grid; 468 | grid-template-columns: 1fr 1fr 1fr; 469 | grid-column-gap: 32px; 470 | } 471 | 472 | .post { 473 | border-top: 2px solid black; 474 | padding: 1rem 0rem; 475 | } 476 | 477 | .list .posts .post-header .meta { 478 | margin-bottom: 0; 479 | margin-left: 5px; 480 | } 481 | 482 | .redirect-home { 483 | float: right !important; 484 | font-size: 20px; 485 | } 486 | 487 | .redirect-home svg { 488 | font-size: 12px; 489 | } 490 | 491 | .meta .date { 492 | font-size: 18px; 493 | } 494 | 495 | .footer { 496 | display: flex; 497 | flex-direction: column; 498 | text-align: center; 499 | font-size: 1em; 500 | color: #999; 501 | border-top: 1px solid #f4f4f4; 502 | margin-top: 40px; 503 | padding: 15px 0; 504 | } 505 | 506 | .footer .footer-dots img { 507 | display: flex !important; 508 | margin: auto !important; 509 | padding: 0 !important; 510 | justify-content: center; 511 | } 512 | 513 | .footer a { 514 | color: #666; 515 | } 516 | 517 | .footer p { 518 | display: flex; 519 | justify-content: center; 520 | } 521 | 522 | .tag-cloud { 523 | margin-top: 20px; 524 | } 525 | 526 | .footer-nav { 527 | height: 10% !important; 528 | } 529 | 530 | .tag-cloud a { 531 | margin-right: 15px; 532 | } 533 | 534 | .pagination { 535 | margin: 0; 536 | padding: 0; 537 | text-align: left; 538 | display: flex; 539 | justify-content: space-between; 540 | } 541 | 542 | .pagination li { 543 | list-style: none; 544 | display: inline-block; 545 | margin: 0; 546 | padding: 0; 547 | } 548 | 549 | .pagination .page-prev { 550 | margin-right: 20px; 551 | padding-right: 20px; 552 | } 553 | 554 | .pagination .page-item.page-prev { 555 | text-align: left; 556 | } 557 | 558 | .pagination .page-item.page-next { 559 | text-align: right; 560 | } 561 | 562 | @media (max-width: 900px) { 563 | body { 564 | padding: 20px; 565 | } 566 | 567 | h1 { 568 | font-size: 1.8rem; 569 | } 570 | 571 | h2 { 572 | font-size: 1.6rem; 573 | } 574 | 575 | h3 { 576 | font-size: 1.2rem; 577 | } 578 | 579 | h4 { 580 | font-size: 1rem; 581 | } 582 | 583 | .container { 584 | margin-top: 10px; 585 | } 586 | 587 | .header .nav.social li { 588 | margin: 0; 589 | } 590 | 591 | .header .nav li { 592 | margin: 0 10px 0 0; 593 | font-size: 0.875em; 594 | } 595 | 596 | table { 597 | -ms-overflow-style: -ms-autohiding-scrollbar; 598 | -webkit-overflow-scrolling: touch; 599 | display: block; 600 | overflow-x: auto; 601 | width: 100%; 602 | } 603 | .posts { 604 | grid-template-columns: 1fr 1fr; 605 | } 606 | } 607 | 608 | @media (max-width: 576px) { 609 | .header .nav.social { 610 | min-width: auto; 611 | margin: 0; 612 | } 613 | 614 | .header .site-description { 615 | font-size: 1em; 616 | margin-top: 10px; 617 | font-size: 0.875em; 618 | line-height: 1.4em; 619 | } 620 | 621 | .meta .date-singles { 622 | font-size: 15px; 623 | } 624 | 625 | .post-header { 626 | flex-direction: column; 627 | } 628 | 629 | .post-header .title { 630 | font-size: 30px !important; 631 | } 632 | 633 | .blog-post { 634 | flex-direction: row; 635 | } 636 | .posts { 637 | grid-template-columns: 1fr; 638 | } 639 | } -------------------------------------------------------------------------------- /static/css/main.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap'); 2 | @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap'); 3 | @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@100..900&display=swap'); 4 | 5 | @font-face { 6 | font-family: 'Chomsky'; /*a name to be used later*/ 7 | src: url('https://mangeshm.xyz/css/Chomsky.otf')format("opentype"); 8 | font-weight: 400; 9 | font-style: normal; /*URL to font*/ 10 | } 11 | 12 | 13 | html { 14 | max-width: 100%; 15 | margin: 0%; 16 | } 17 | 18 | body { 19 | font-family: "EB Garamond", "Noto Sans Devnagari", "Chomsky", sans-serif !important; 20 | font-weight: 400; 21 | color: #333; 22 | font-size: 17px; 23 | background: url(/background.png); 24 | background-size: 70%; 25 | background-repeat: repeat; 26 | max-width: 950px; 27 | box-sizing: border-box; 28 | margin: auto; 29 | } 30 | 31 | a { 32 | color: black; 33 | text-decoration: none; 34 | word-break: break-word; 35 | } 36 | 37 | a:hover { 38 | color: black !important; 39 | } 40 | 41 | .my-avatar { 42 | height: max-content; 43 | width: 300px; 44 | margin: auto; 45 | float: right; 46 | padding: 10px 0px; 47 | } 48 | 49 | .my-avatar p img { 50 | border-radius: 100%; 51 | } 52 | 53 | html, 54 | button, 55 | input, 56 | select, 57 | textarea { 58 | color: #333; 59 | } 60 | 61 | ::-moz-selection { 62 | text-shadow: none; 63 | color: #fff; 64 | text-decoration: underline; 65 | } 66 | 67 | ::selection { 68 | background: black; 69 | text-shadow: none; 70 | color: #fff; 71 | } 72 | 73 | hr { 74 | display: block; 75 | height: 1px; 76 | border: 0; 77 | border-top: 1px solid #ccc; 78 | margin: 1rem 0; 79 | padding: 0; 80 | } 81 | 82 | img { 83 | margin: 10px auto 10px auto; 84 | max-width: 100%; 85 | display: block; 86 | } 87 | 88 | a img { 89 | border: none; 90 | } 91 | 92 | figure { 93 | margin: 0; 94 | text-align: center; 95 | } 96 | 97 | fieldset { 98 | border: 0; 99 | margin: 0; 100 | padding: 0; 101 | } 102 | 103 | table { 104 | -ms-overflow-style: -ms-autohiding-scrollbar; 105 | -webkit-overflow-scrolling: touch; 106 | background-color: transparent; 107 | margin-bottom: 1rem; 108 | overflow-x: auto; 109 | width: 100%; 110 | } 111 | 112 | table th, 113 | table td { 114 | border-bottom: 1px solid #dee2e6; 115 | padding: 0.75rem; 116 | vertical-align: top; 117 | } 118 | 119 | table thead th { 120 | border-bottom: 2px solid #dee2e6; 121 | vertical-align: bottom; 122 | } 123 | 124 | table tbody+tbody { 125 | border-top: 2px solid #dee2e6; 126 | } 127 | 128 | table tbody tr:nth-of-type(even) { 129 | background-color: rgba(0, 0, 0, 0.15); 130 | } 131 | 132 | table th { 133 | background-color: #212529; 134 | border-color: #32383e; 135 | color: #fff; 136 | } 137 | 138 | textarea { 139 | resize: vertical; 140 | } 141 | 142 | i { 143 | font-family: "Unifraktur", cursive; 144 | } 145 | 146 | blockquote { 147 | margin-left: 1rem; 148 | font-family: "EB Garamond", serif !important; 149 | font-style: italic; 150 | font-size: 1.2rem; 151 | border-left: 3px solid; 152 | border-color: #FFB7D6; 153 | padding-left: 20px; 154 | } 155 | 156 | blockquote cite { 157 | font-size: 50%; 158 | opacity: .8; 159 | } 160 | 161 | blockquote em { 162 | font-weight: 600; 163 | } 164 | 165 | 166 | h1, 167 | h2, 168 | h3, 169 | h4, 170 | h5, 171 | h6 { 172 | color: #333; 173 | font-weight: 500; 174 | line-height: 1.3em; 175 | margin: 30px 0 20px 0; 176 | } 177 | 178 | h1 { 179 | font-size: 2.75rem; 180 | } 181 | 182 | h2 { 183 | font-size: 2rem; 184 | } 185 | 186 | h3 { 187 | font-size: 1.6rem; 188 | } 189 | 190 | h4 { 191 | font-size: 1.2rem; 192 | } 193 | 194 | h5 { 195 | font-size: 1rem; 196 | } 197 | 198 | h6 { 199 | font-size: .9rem; 200 | } 201 | 202 | code { 203 | font-size: 15px; 204 | font-style: 'Jetbrains Mono', monospace; 205 | } 206 | 207 | .align-center { 208 | text-align: center; 209 | } 210 | 211 | .align-left { 212 | text-align: left; 213 | } 214 | 215 | .align-right { 216 | text-align: right; 217 | } 218 | 219 | ul { 220 | padding-left: 15px; 221 | } 222 | 223 | ul.flat { 224 | margin: 0; 225 | padding: 0; 226 | } 227 | 228 | ul.flat li { 229 | display: block; 230 | list-style: none; 231 | margin-left: 0; 232 | } 233 | 234 | .prevent-collapse { 235 | min-height: .1rem 236 | } 237 | 238 | .smaller { 239 | font-size: 70%; 240 | } 241 | 242 | ul { 243 | list-style: disc inside; 244 | } 245 | 246 | .post ul li { 247 | margin-bottom: 10px; 248 | font-size: 20px !important; 249 | } 250 | 251 | li { 252 | font-size: 22px !important; 253 | } 254 | 255 | .post a { 256 | font-style: normal; 257 | text-decoration: underline; 258 | } 259 | 260 | .post a:hover { 261 | color: black !important; 262 | font-style: italic; 263 | } 264 | 265 | .post ul li p { 266 | display: inline; 267 | } 268 | 269 | .thumbnail-img { 270 | filter: grayscale(100%); 271 | } 272 | 273 | .articles { 274 | display: grid; 275 | grid-column-gap: 32px; 276 | grid-template-columns: repeat(auto-fill, minmax(250px, 1.5fr)); 277 | grid-template-rows: masonry; 278 | justify-content: space-around; 279 | } 280 | 281 | .post .markdown p { 282 | text-align: left; 283 | } 284 | 285 | .highlight pre { 286 | margin-bottom: 0; 287 | margin-top: 0; 288 | padding: 20px; 289 | } 290 | 291 | .highlight { 292 | background: 0 0; 293 | background-color: #272822 294 | } 295 | 296 | em { 297 | display: block; 298 | font-style: italic; 299 | } 300 | 301 | .wrapper { 302 | max-width: 900px; 303 | margin: 0 auto; 304 | } 305 | 306 | .container { 307 | max-width: 950px; 308 | margin-top: 30px; 309 | padding: 10px; 310 | } 311 | 312 | .header-div { 313 | margin-top: 10px; 314 | display: flex; 315 | flex-direction: column; 316 | } 317 | 318 | .header { 319 | margin-bottom: 20px; 320 | padding-bottom: 20px; 321 | } 322 | 323 | .header .avatar { 324 | margin: 0 20px 0 0; 325 | } 326 | 327 | .header .avatar img { 328 | width: 180px; 329 | height: 180px; 330 | border-radius: 100%; 331 | padding-top: 1em; 332 | } 333 | 334 | .header .site-title { 335 | font-family: "Chomsky"; 336 | font-size: 5rem; 337 | margin: 0; 338 | text-align: center; 339 | } 340 | 341 | .header .site-description { 342 | padding-top: 10px; 343 | border-top: 1px solid black; 344 | border-bottom: 1px solid black; 345 | } 346 | 347 | .site-description { 348 | -webkit-clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px); 349 | background: white; 350 | border: 2px solid black; 351 | color: black; 352 | clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px); 353 | } 354 | 355 | .header .site-description p { 356 | text-align: center; 357 | font-size: 20px; 358 | max-width: 700px; 359 | padding-bottom: 10px; 360 | margin: auto; 361 | } 362 | 363 | .header nav { 364 | border-top: 1px solid #eee; 365 | padding-top: 15px; 366 | display: flex; 367 | justify-content: center 368 | } 369 | 370 | .header nav ul, 371 | .header nav li { 372 | margin: 0; 373 | padding: 0; 374 | } 375 | 376 | .header nav li { 377 | display: inline-block; 378 | list-style: none; 379 | margin: 0 30px 0 0; 380 | } 381 | 382 | .header .site-description nav { 383 | margin: 0; 384 | padding: 0; 385 | border: none; 386 | min-width: 50px; 387 | margin-left: 15px; 388 | } 389 | 390 | .header .site-description nav ul svg { 391 | max-height: 15px; 392 | } 393 | 394 | .header .site-description .scheme-toggle { 395 | height: 100%; 396 | } 397 | 398 | .header .site-description .scheme-toggle a svg { 399 | max-height: 15px; 400 | } 401 | 402 | .header .site-description .scheme-toggle a.dark svg { 403 | fill: #f8e04f; 404 | color: #f8e04f; 405 | } 406 | 407 | .header .site-description .scheme-toggle a.light svg { 408 | fill: grey; 409 | color: black;} 410 | 411 | .section .section-header { 412 | font-size: 0.75rem; 413 | font-weight: 600; 414 | margin-bottom: 20px; 415 | 416 | } 417 | 418 | .markdown { 419 | max-width: auto; 420 | padding: 10px 20px; 421 | border-bottom: 1px solid black; 422 | border-right: 1px solid black; 423 | border-left: 1px solid black; 424 | } 425 | 426 | .post-header { 427 | display: block; 428 | gap: 20px; 429 | justify-content: space-between; 430 | box-sizing: border-box; 431 | border-right: 1px solid black; 432 | border-left: 1px solid black; 433 | border-bottom: 1px solid black; 434 | } 435 | 436 | .blog-post { 437 | display: flex; 438 | flex-direction: row; 439 | justify-content: space-between; 440 | padding-bottom: 10px; 441 | text-align: center; 442 | } 443 | 444 | 445 | .blog-post .matter { 446 | width: 100%; 447 | } 448 | 449 | .blog-post a { 450 | text-decoration: none !important; 451 | } 452 | 453 | .blog-post .summary { 454 | font-size: 20px; 455 | } 456 | 457 | .details { 458 | font-size: 20px !important; 459 | text-align: center !important; 460 | } 461 | 462 | .post-header .site-dish .title { 463 | text-align: left; 464 | } 465 | 466 | .post-header .date-singles { 467 | font-family: "Jetbrains Mono", monospace; 468 | } 469 | 470 | .post-header h1.title { 471 | margin: -10px 0 0 0; 472 | text-align: center; 473 | font-size: 4rem !important; 474 | } 475 | 476 | .blog-matter { 477 | box-sizing: border-box; 478 | border-top: 1px solid black; 479 | padding: 15px 15px; 480 | } 481 | 482 | .blog-matter .details .title { 483 | text-align: center; 484 | font-size: 50px !important; 485 | } 486 | .post p { 487 | font-size: 22px; 488 | } 489 | 490 | .post .draft-label { 491 | color: black; 492 | text-decoration: none; 493 | padding: 2px 4px; 494 | border-radius: 4px; 495 | margin-left: 6px; 496 | background-color: #f9f2f4; 497 | } 498 | 499 | .post-header #TableOfContents ul { 500 | display: none; 501 | list-style: none; 502 | max-width: 200px; 503 | } 504 | 505 | .tags { 506 | display: block; 507 | } 508 | 509 | .tags span { 510 | font-family: "Jetbrains Mono", monospace; 511 | font-size: 18px !important; 512 | padding: 0px 6px; 513 | line-height: 20px; 514 | margin: auto; 515 | padding: 3px; 516 | color: black !important; 517 | border: 1px solid black; 518 | } 519 | 520 | .posts { 521 | display: grid; 522 | grid-column-gap: 20px; 523 | grid-auto-flow: dense; 524 | grid-template-columns: repeat(auto-fill, minmax(250px, 1.5fr)); 525 | grid-template-rows: masonry; 526 | box-sizing: border-box; 527 | padding: 10px 0px; 528 | } 529 | 530 | .section-headers { 531 | font-weight: 600; 532 | font-size: 2rem; 533 | } 534 | .recent-posts .post { 535 | border-bottom: none !important; 536 | } 537 | 538 | .section .blog-post { 539 | border-bottom: 1px solid black; 540 | } 541 | 542 | .recent-posts .blog-post { 543 | border-bottom: none; 544 | } 545 | 546 | .post .poem { 547 | box-sizing: border-box; 548 | padding: 10px 0px; 549 | } 550 | .post .poems em { 551 | text-align: left !important; 552 | } 553 | 554 | .featured .most-recent { 555 | display: flex; 556 | justify-content: center 557 | } 558 | 559 | .featured .most-recent .title { 560 | font-size: 1.8rem; 561 | } 562 | 563 | .meta { 564 | display: flex; 565 | justify-content: space-around; 566 | align-items: center; 567 | box-sizing: border-box; 568 | border-top: 1px solid black; 569 | } 570 | 571 | .meta .post-type { 572 | text-align: center; 573 | width:100%; 574 | box-sizing: border-box; 575 | border-left: 1px solid black; 576 | } 577 | 578 | .meta .home-button { 579 | width: 100%; 580 | } 581 | .meta a { 582 | width: max-content; 583 | } 584 | 585 | .meta .date { 586 | width: 100%; 587 | text-align: center; 588 | box-sizing: border-box; 589 | border-left: 1px solid black; 590 | 591 | } 592 | .home-button { 593 | display: flex; 594 | align-content: center; 595 | margin: auto; 596 | } 597 | .redirect-home { 598 | width: max-content; 599 | height: 100%; 600 | padding: 0px 20px; 601 | align-items: center; 602 | top: 0%; 603 | bottom: 0%; 604 | } 605 | .footer { 606 | display: flex; 607 | flex-direction: column; 608 | text-align: center; 609 | font-size: 1em; 610 | color: #999; 611 | border-top: 1px solid #f4f4f4; 612 | margin-top: 40px; 613 | padding: 15px 0; 614 | } 615 | 616 | .footer .footer-dots img { 617 | display: flex !important; 618 | margin: auto !important; 619 | padding: 0 !important; 620 | justify-content: center; 621 | } 622 | 623 | .footer a { 624 | color: #666; 625 | } 626 | 627 | .footer p { 628 | display: flex; 629 | justify-content: center; 630 | } 631 | 632 | .tag-cloud { 633 | margin-top: 20px; 634 | } 635 | 636 | .footer-nav { 637 | height: 10% !important; 638 | } 639 | 640 | .tag-cloud a { 641 | margin-right: 15px; 642 | } 643 | 644 | .pagination { 645 | margin: 0; 646 | padding: 0; 647 | text-align: left; 648 | display: flex; 649 | justify-content: space-between; 650 | } 651 | 652 | .pagination li { 653 | list-style: none; 654 | display: inline-block; 655 | margin: 0; 656 | padding: 0; 657 | } 658 | 659 | .pagination .page-prev { 660 | margin-right: 20px; 661 | padding-right: 20px; 662 | } 663 | 664 | .pagination .page-item.page-prev { 665 | text-align: left; 666 | } 667 | 668 | .pagination .page-item.page-next { 669 | text-align: right; 670 | } 671 | 672 | @media (max-width: 900px) { 673 | body { 674 | padding: 20px; 675 | } 676 | 677 | h1 { 678 | font-size: 1.8rem; 679 | } 680 | 681 | h2 { 682 | font-size: 1.6rem; 683 | } 684 | 685 | h3 { 686 | font-size: 1.2rem; 687 | } 688 | 689 | h4 { 690 | font-size: 1rem; 691 | } 692 | 693 | .container { 694 | margin-top: 10px; 695 | } 696 | 697 | .header .nav.social li { 698 | margin: 0; 699 | } 700 | 701 | .header .nav li { 702 | margin: 0 10px 0 0; 703 | font-size: 0.875em; 704 | } 705 | 706 | table { 707 | -ms-overflow-style: -ms-autohiding-scrollbar; 708 | -webkit-overflow-scrolling: touch; 709 | display: block; 710 | overflow-x: auto; 711 | width: 100%; 712 | } 713 | .posts { 714 | grid-template-columns: 1fr 1fr; 715 | } 716 | .articles { 717 | display: grid; 718 | grid-template-columns: 1fr 1fr; 719 | } 720 | .markdown p { 721 | font-size: 22px; 722 | } 723 | .title a { 724 | font-size: 1.1em; 725 | } 726 | } 727 | 728 | @media (max-width: 576px) { 729 | .header .nav.social { 730 | min-width: auto; 731 | margin: 0; 732 | } 733 | .site-title { 734 | font-size: 2rem !important; 735 | } 736 | .blog-matter .details .title { 737 | text-align: center; 738 | font-size: 30px !important; 739 | } 740 | .header .site-description { 741 | font-size: 1em; 742 | margin-top: 10px; 743 | font-size: 0.875em; 744 | line-height: 1.4em; 745 | } 746 | 747 | .meta .date-singles { 748 | font-size: 15px; 749 | } 750 | 751 | .post-header { 752 | flex-direction: column; 753 | } 754 | .post-header .title { 755 | font-size: 30px !important; 756 | } 757 | .post .title { 758 | font-size: 2rem; 759 | } 760 | .blog-post { 761 | flex-direction: row; 762 | } 763 | .posts { 764 | grid-template-columns: 1fr; 765 | } 766 | .articles { 767 | display: grid; 768 | grid-template-columns: 1fr; 769 | } 770 | .markdown p { 771 | font-size: 20px; 772 | } 773 | } 774 | --------------------------------------------------------------------------------