diff --git a/README.md b/README.md index 8fd14ff73..fbc4c6f59 100644 --- a/README.md +++ b/README.md @@ -6,9 +6,9 @@ This repository contains a [Hugo](https://github.com/gohugoio/hugo) template to The template is documented at https://pascalmichaillat.org/d5/. -## Example +## Illustration -The website produced by the template is available at https://pascalmichaillat.org/hugo-website/. +The website produced by the template can be viewed at https://pascalmichaillat.org/hugo-website/. ## Features @@ -22,59 +22,33 @@ The website produced by the template is available at https://pascalmichaillat.or ## Installation +### On your local machine + + Clone the repository to your local machine + Install [Hugo](https://gohugo.io/installation/). On a Mac, this is easily done with [Homebrew](https://brew.sh): simply run `brew install hugo` in the terminal. -+ Since the template is hosted on GitHub Pages, it is convenient to install [GitHub Desktop](https://desktop.github.com) and update the website through it. ++ Since the website is hosted on GitHub Pages, it is convenient to install [GitHub Desktop](https://desktop.github.com). The website can conveniently be updated from your local machine via GitHub Desktop without going to GitHub. + Update the `baseURL` parameter in `config.yml` with the website URL that you plan to use -## Usage - -+ Website development – Navigate to the website directory and run `hugo server` in the terminal. The command builds the website on your machine and made it available at http://localhost:1313. -+ Website compilation – Once the website is ready to be made public, run `hugo` in the terminal from the website directory. -+ Website deployment – With GitHub Desktop, commit the changes and push them to the website repository on GitHub. Then, [GitHub Actions](https://gohugo.io/hosting-and-deployment/hosting-on-github/) build the website and deploy it to GitHub Pages. The workflow is in the `.github/workflows/hugo.yml` file. - -## Google Analytics - -The website supports Google Analytics 4. To set it up, simply uncomment the line `googleAnalyticsID: "G-XXXXX"` in `config.yml` and replace "G-XXXXX" with your own Google Analytics ID. If you do not wish to use Google Analytics, keep the line as it is. - -## Configuration file - -Net, update all the parameters that are specific to your website in the configuration file `config.yml`. Such parameters include: - -+ `title` – Your name, to be used as title of the website -+ `params:author` - Your name, to be used in HTML meta tags to specify the author of the webpage's content (this only adds a meta tag to the header of the homepage, it doesn't have any direct impact on the appearance or functionality of the webpage itself) -+ `params:description` – A short description (less than 155 characters) of who you are, to be used in HTML meta tags to specify the content of the webpage (this description often appears in search engine results below the title of the webpage) -+ `params:profileMode:title` – Your name, to be used as title on the homepage -+ `params:profileMode:subtitle` – A description of who you are, to be used as a subtitle on the homepage -+ `params:profileMode:imageTitle` – Your name, to be used as tag for your profile picture -+ `params:socialIcons` – The URLs to your social accounts +### On your GitHub account -## Content files ++ The first time that you push your repository to GitHub, you need to allow GitHub Actions and GitHub Pages so the website can be built and deployed to GitHub Pages. ++ The first step is to [ask GitHub to publish the website with a GitHub Action](https://docs.github.com/en/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site#publishing-with-a-custom-github-actions-workflow). GitHub offers a ready-made action to publish a Hugo website, called `Deploy Hugo site to Pages`. This action must be enabled in the [Pages Settings](https://github.com/pmichaillat/hugo-website/settings/pages) of your GitHub repository. You can view the workflow triggered by the action in the `.github/workflows/hugo.yml` file. ++ Once the GitHub Actions are enabled, GitHub will build and publish the website as soon as the repository is updated. -The files in the `content` folder are Markdown files that contain the content of the website. Each file corresponds to one page of the website. - -The folders `papers`, `courses`, and `data` determine the website's structure. You can change the name of a folder to change the URL where the category page is located. You can add and remove folders to create and remove categories. - -The folder in which the file is placed (`papers`, `courses`, or `data`) determines the category in which the page will appear (the [paper page](https://pascalmichaillat.org/hugo-website/papers/), the [course page](https://pascalmichaillat.org/hugo-website/courses/), or the [data page](https://pascalmichaillat.org/hugo-website/data/)). - -The `tags` folder hosts the customization of the [tag page](https://pascalmichaillat.org/hugo-website/tags/). +## Usage -+ `location.md` – Page linked to the location icon on the homepage. -+ `officehours.md` – Page linked to the office hours icon on the homepage. +### Website development -## Static files +Navigate to the website directory and run `hugo server` in the terminal. The command builds the website on your machine and makes it available at http://localhost:1313. You can modify the content of the repository and develop your website entirely on your local machine. -The files in the `static` folder are PDF files and images to which the website links. -+ `picture.jpeg` – Picture appearing on the homepage. -+ `cv.pdf` – CV linked to the CV icon on the homepage. -+ `favicon.io`, `favicon-32x32.png`, `favicon-16x16.png`, `apple-touch-icon.png` – Favicon appearing in the menu bar next to the website title, and in the browser next to the URL. It can be replaced with a [favicon of your choice](https://favicon.io). +### Website compilation -## Public folder +Once your website is ready to be made public, run `hugo` in the terminal from the website directory. When you run the `hugo` command, Hugo processes your content, templates, and other project files and generates a static website. The resulting output is placed in the `public` folder by default. -The `public` folder contains the fully generated static website files that are ready to be deployed to GitHub Pages. When you run the `hugo` command, Hugo processes your content, templates, and other project files and generates a static website. The resulting output is placed in the `public` folder by default. +### Website deployment -The `public` folder can therefore be safely deleted. A new version of the `public` folder will be created when you run the `hugo` command from your own repository. +With GitHub Desktop, commit the changes and push them to the website repository on GitHub. Then, [GitHub Actions](https://github.com/pmichaillat/hugo-website/actions/workflows/hugo.yml) build the website and deploy it to [GitHub Pages](https://github.com/pmichaillat/hugo-website/deployments/github-pages). ## Performance @@ -94,4 +68,18 @@ The content of this repository is licensed under the terms of the MIT License. ## Acknowledgements -Thank you to [Joel Sleeba](https://github.com/joelsleeba) for sharing code to center the homepage properly. \ No newline at end of file +Thank you to [Joel Sleeba](https://github.com/joelsleeba) for sharing code to center the homepage properly. + +## Real-world implementations + +Here are a few real-world implementations of the template: + ++ [Pascal Michaillat's website](https://pascalmichaillat.org/) ([source code](https://github.com/pmichaillat/pmichaillat.github.io)) ++ [Samia Kabir's website](https://samiakabir.com) ([source code](https://github.com/SamiaKabir/samiakabir.github.io)) ++ [Dylan Balla-Elliott's website](https://www.dballaelliott.com) ([source code](https://github.com/dballaelliott/site)) ++ [Maarten Goos's website](https://maartengoos.com) ([source code](https://github.com/MaartenGoos/website)) ++ [Abdalgader Abubaker's website](https://www.abdalgader.com) ([source code](https://github.com/abdalgader-a/abdalgader.github.io)) ++ [Aryan Ahadinia's website](https://aryanahadinia.github.io) ([source code](https://github.com/AryanAhadinia/AryanAhadinia.github.io)) ++ [William Overman's website](https://willoverman.github.io) ([source code](https://github.com/willoverman/willoverman.github.io)) ++ [Jun Wong's website](https://junwong.org) ([source code](https://github.com/junwong97/junwong97.github.io)) ++ [Qiwei He's website](https://www.qiwei-he.com) \ No newline at end of file diff --git a/assets/css/common/post-single.css b/assets/css/common/post-single.css index d60998c57..983d5cd58 100644 --- a/assets/css/common/post-single.css +++ b/assets/css/common/post-single.css @@ -423,4 +423,12 @@ h1>a>svg { img.in-text { display: inline; margin: auto; +} + +a[href^="#fn:"], a[href^="#fnref:"] { + box-shadow: 0 0px 0 var(--darkpurple); +} + +a[href^="#fn:"]:hover, a[href^="#fnref:"]:hover { + color: var(--darkpurple); } \ No newline at end of file diff --git a/public/404.html b/public/404.html index 7af21c85f..f7af35a2e 100644 --- a/public/404.html +++ b/public/404.html @@ -10,7 +10,7 @@ - + diff --git a/public/archive/index.html b/public/archive/index.html index 12f2ea8b7..214dd5eb9 100644 --- a/public/archive/index.html +++ b/public/archive/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/assets/css/stylesheet.5c3d2aa85a103c2d32fb4f6cbe26e29098f291f6fedf6b1d5b502c91573ae1ce.css b/public/assets/css/stylesheet.5c3d2aa85a103c2d32fb4f6cbe26e29098f291f6fedf6b1d5b502c91573ae1ce.css new file mode 100644 index 000000000..d7c639a22 --- /dev/null +++ b/public/assets/css/stylesheet.5c3d2aa85a103c2d32fb4f6cbe26e29098f291f6fedf6b1d5b502c91573ae1ce.css @@ -0,0 +1,7 @@ +/* + PaperMod v6 + License: MIT https://github.com/adityatelange/hugo-PaperMod/blob/master/LICENSE + Copyright (c) 2020 nanxiaobei and adityatelange + Copyright (c) 2021-2022 adityatelange +*/ +:root{--gap:24px;--content-gap:20px;--nav-width:1024px;--main-width:720px;--header-height:44px;--footer-height:70px;--radius:8px;--theme:rgb(255, 255, 255);--entry:rgb(255, 255, 255);--primary:rgb(30, 30, 30);--secondary:rgb(108, 108, 108);--tertiary:rgb(214, 214, 214);--gray:rgb(165, 165, 165);--content:rgb(30, 30, 30);--hljs-bg:rgb(28, 29, 33);--code-bg:rgb(245, 245, 245);--border:rgb(238, 238, 238);--darkpurple:#8e7bd0;--midpurple:#c0b5e5;--lightpurple:#e5e1f4;--semibold:500;--homesize:16px;--textsize:18px;--h1size:25px;--entrysize:15px;--headersize:16px;--footersize:13px;--lineheight:1.45;--lineclamp:8;--marginleft:26px}.dark{--theme:rgb(29, 30, 32);--entry:rgb(46, 46, 51);--primary:rgb(218, 218, 219);--secondary:rgb(155, 156, 157);--tertiary:rgb(65, 66, 68);--content:rgb(196, 196, 197);--hljs-bg:rgb(46, 46, 51);--code-bg:rgb(55, 56, 62);--border:rgb(51, 51, 51)}.list{background:var(--code-bg)}.dark.list{background:var(--theme)}*,::after,::before{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;overflow-y:scroll}a,button,body,h1,h2,h3,h4,h5,h6{color:var(--primary)}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;font-size:18px;line-height:1.6;word-break:break-word;background:var(--theme)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,table{display:block}h1,h2,h3,h4,h5,h6{line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ul{padding:0}a{text-decoration:none}body,figure,ul{margin:0}table{width:100%;border-collapse:collapse;border-spacing:0;overflow-x:auto;word-break:keep-all}button,input,textarea{padding:0;font:inherit;background:0 0;border:0}input,textarea{outline:0}button,input[type=button],input[type=submit]{cursor:pointer}input:-webkit-autofill,textarea:-webkit-autofill{box-shadow:0 0 0 50px var(--theme)inset}img{display:block;max-width:100%}.not-found{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;height:80%;font-size:160px;font-weight:700}.archive-posts{width:100%;font-size:16px}.archive-year{margin-top:40px}.archive-year-header{font-size:var(--h1size)}.archive-year:not(:last-of-type){border-bottom:2px solid var(--border)}.archive-month{display:flex;align-items:flex-start;padding:10px 0}.archive-month-header{margin:var(--homesize)0;width:200px;font-weight:var(--semibold);font-size:var(--homesize)}.archive-month:not(:last-of-type){border-bottom:2px solid var(--border)}.archive-entry{position:relative;padding:5px;margin:10px 0}.archive-entry-title{margin:5px 0;font-weight:400;font-size:var(--homesize)}.archive-count,.archive-meta{color:var(--secondary);font-size:14px}.footer,.top-link{font-size:var(--footersize);color:var(--secondary)}.footer{margin:auto;padding:calc((var(--footer-height) - var(--gap))/2)var(--gap);text-align:center;line-height:20px;background:var(--code-bg)}.footer span{margin-inline-start:1px;margin-inline-end:1px}.footer span:last-child{white-space:nowrap}.footer a{color:var(--secondary)}.footer a:hover{border-bottom:2px solid var(--darkpurple)}.top-link{visibility:hidden;position:fixed;bottom:60px;right:30px;z-index:99;background:var(--tertiary);width:42px;height:42px;padding:12px;border-radius:64px;transition:visibility .5s,opacity .8s linear}.top-link,.top-link svg{filter:drop-shadow(0 0 0 var(--theme))}.footer a:hover,.top-link:hover{color:var(--secondary)}.top-link:focus,#theme-toggle:focus{outline:0}.nav{display:flex;flex-wrap:wrap;justify-content:space-between;margin-inline-start:auto;margin-inline-end:auto;line-height:var(--header-height);background:var(--code-bg)}.nav a{display:block}.logo,#menu{display:flex;margin:auto var(--gap)}.logo{flex-wrap:inherit}.logo a{font-size:var(--headersize);font-weight:var(--semibold)}.logo a img,.logo a svg{display:inline;vertical-align:middle;pointer-events:none;transform:translate(0,-10%);border-radius:6px;margin-inline-end:8px}button#theme-toggle{font-size:20px;margin:auto 4px}body.dark #moon{vertical-align:middle;display:none}body:not(.dark) #sun{display:none}#menu{list-style:none;word-break:keep-all;overflow-x:auto;white-space:nowrap}#menu li+li{margin-inline-start:var(--gap)}#menu a{font-size:var(--headersize);font-weight:400}#menu .active{border-bottom:2px solid var(--darkpurple)}.lang-switch li,.lang-switch ul,.logo-switches{display:inline-flex;margin:auto 4px}.lang-switch{display:flex;flex-wrap:inherit}.lang-switch a{margin:auto 3px;font-size:16px;font-weight:500}.logo-switches{flex-wrap:inherit}.main{position:relative;min-height:calc(100vh - var(--header-height) - var(--footer-height));max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:var(--gap)}.page-header h1{font-size:var(--h1size)}.pagination{display:flex}.pagination a{color:var(--theme);font-size:13px;line-height:36px;background:var(--primary);border-radius:calc(36px/2);padding:0 16px}.pagination .next{margin-inline-start:auto}.social-icons{padding:12px 0}.social-icons a:not(:last-of-type){margin-inline-end:12px}.social-icons a svg{height:26px;width:26px}.social-icons a:hover{color:var(--darkpurple)}code{direction:ltr}code{text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}div.highlight,pre{position:relative}.copy-code{display:none;position:absolute;top:4px;right:4px;color:rgba(255,255,255,.8);background:rgba(78,78,78,.8);border-radius:var(--radius);padding:0 5px;font-size:14px;user-select:none}div.highlight:hover .copy-code,pre:hover .copy-code{display:block}.first-entry{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:200px;margin:var(--gap)0 calc(var(--gap) * 2)}.first-entry .entry-header{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8}.first-entry .entry-header h1{font-size:34px;line-height:1.3}.first-entry .entry-content{margin:14px 0;font-size:16px;-webkit-line-clamp:8}.first-entry .entry-footer{font-size:14px}.home-info .entry-content{-webkit-line-clamp:unset}.post-entry{position:relative;margin-bottom:var(--gap);padding:var(--gap);background:var(--entry);border-radius:var(--radius);transition:transform .1s;border:2px solid var(--border)}.post-entry:hover{border:2px solid var(--midpurple)}.tag-entry .entry-cover{display:none}.entry-header h2{font-size:20px;line-height:var(--lineheight)}.entry-content{margin:20px 10px;color:var(--secondary);font-size:var(--entrysize);line-height:var(--lineheight);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8}.entry-footer{color:var(--content);font-size:var(--entrysize)}.entry-link{position:absolute;left:0;right:0;top:0;bottom:0}.entry-cover,.entry-isdraft{font-size:var(--entrysize);color:var(--secondary)}.entry-cover{margin-bottom:var(--gap);text-align:center}.entry-cover img{border-radius:var(--radius);pointer-events:none;width:90%;height:auto}.entry-cover a{color:var(--secondary);box-shadow:0 1px 0 var(--primary)}.page-header,.post-header{margin:24px auto var(--content-gap)}.post-title{margin-bottom:20px;font-size:36px}.post-description{margin-top:10px;margin-bottom:5px}.post-meta,.breadcrumbs{color:var(--secondary);font-size:15px}.post-meta .i18n_list li{display:inline-flex;list-style:none;margin:auto 3px;box-shadow:0 1px 0 var(--secondary)}.breadcrumbs a{font-size:15px}.post-content{color:var(--content);line-height:var(--lineheight);font-size:var(--textsize)}.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin:24px 0 16px}.post-content h1{margin:40px auto 32px;font-size:40px}.post-content h2{margin:32px auto 24px;font-size:24px}.post-content h3{font-size:19px}.post-content h4{font-size:15px;font-weight:var(--semibold);text-transform:uppercase;color:var(--gray)}.post-content h5{font-size:14px;font-weight:var(--semibold);text-transform:uppercase;color:var(--gray)}.post-content h6{font-size:var(--footersize);color:var(--secondary)}.post-content a,.post-meta a,.toc a:hover{box-shadow:0 2px 0 var(--darkpurple);color:currentColor}} .post-content a code { margin: auto 0; border-radius: 0; box-shadow: 0 -1px 0 var(--primary) inset; } .post-content del { text-decoration: none; background: linear-gradient(to right,var(--primary) 100%,transparent 0) 0 50%/1px 1px repeat-x; } .post-content dl,.post-content ol,.post-content p,.post-content figure,.post-content ul { margin-bottom: var(--content-gap); } .post-content ol,.post-content ul { padding-inline-start: 20px; margin-left: var(--marginleft); } .post-content li { margin-top: 5px; } .post-content li::marker { color: var(--gray); } .post-content li p { margin-bottom: 0; } .post-content dl { display: flex; flex-wrap: wrap; margin: 0; } .post-content dt { width: 25%; font-weight: 700; } .post-content dd { width: 75%; margin-inline-start: 0; padding-inline-start: 10px; } .post-content dd~dd,.post-content dt~dt { margin-top: 10px; } .post-content table { margin-bottom: 32px; } .post-content table th,.post-content table:not(.highlighttable,.highlight table,.gist .highlight) td { min-width: 80px; padding: 12px 8px; line-height: var(--lineheight); border-bottom: 1px solid var(--border); } .post-content table th { font-size: 14px; text-align: start; } .post-content table:not(.highlighttable) td code:only-child { margin: auto 0; } .post-content .highlight table { border-radius: var(--radius); } .post-content .highlight:not(table) { margin: 10px auto; background: var(--hljs-bg) !important; border-radius: var(--radius); direction: ltr; } .post-content li>.highlight { margin-inline-end: 0; } .post-content ul pre { margin-inline-start: calc(var(--gap) * -2); } .post-content .highlight pre { margin: 0; } .post-content .highlighttable { table-layout: fixed; } .post-content .highlighttable td:first-child { width: 40px; } .post-content .highlighttable td .linenodiv { padding-inline-end: 0 !important; } .post-content .highlighttable td .highlight,.post-content .highlighttable td .linenodiv pre { margin-bottom: 0; } .post-content code { margin: auto 4px; padding: 4px 6px; font-size: 0.78em; line-height: var(--lineheight); background: var(--code-bg); border-radius: 2px; border: 1px solid var(--border); } .post-content pre code { display: block; margin: auto 0; padding: 10px; color: var(--secondary); border-radius: var(--radius); overflow-x: auto; word-break: break-all; } .post-content blockquote { margin: 20px 0; padding: 0 14px; border-inline-start: 4px solid var(--gray); } .post-content hr { margin: 30px 0; height: 2px; background: var(--tertiary); border: 0; } .post-content iframe { max-width: 100%; } .post-content img { border-radius: 4px; margin: 1rem 0; } .post-content img[src*="#center"] { margin: 1rem auto; } .post-content figure.align-center { text-align: center; } .post-content figure>figcaption { color: var(--primary); font-size: 16px; font-weight: bold; margin: 8px 0 16px; } .post-content figure>figcaption>p { color: var(--secondary); font-size: 14px; font-weight: normal; } .toc { margin: 0 2px 20px 2px; border: 1px solid var(--border); background: var(--code-bg); border-radius: var(--radius); padding: 0.4em; } .toc li::marker { color: var(--gray); } .dark .toc { background: var(--entry); } .toc details summary { cursor: zoom-in; margin-inline-start: calc(var(--marginleft) - 12px); } .toc details[open] summary { cursor: zoom-out; } .toc .details { display: inline; font-weight: var(--semibold); text-transform: uppercase; font-size: 15px; } .toc .inner { margin: 0 calc(var(--marginleft) - 12px); padding: 10px 20px; font-size: 16px; } .toc li ul { margin-inline-start: var(--gap); } .toc summary:focus { outline: 0; } .post-footer { margin-top: 60px; } .post-tags li { display: inline-block; margin-inline-end: 5px; margin-bottom: 10px; } .post-tags a,.share-buttons,.paginav { border-radius: var(--radius); background: var(--code-bg); border: 1px solid var(--border); } .post-tags a { display: block; padding-inline-start: 10px; padding-inline-end: 10px; color: var(--secondary); font-size: 16px; line-height: 32px; background: var(--code-bg); } .post-tags a:hover { background: var(--lightpurple); } .paginav a:hover { background: var(--lightpurple); } .share-buttons { margin: 13px 0; padding-inline-start: var(--radius); display: flex; justify-content: center; overflow-x: auto; } .share-buttons a { margin-top: 10px; } .share-buttons a:not(:last-of-type) { margin-inline-end: 12px; } h1:hover .anchor,h2:hover .anchor,h3:hover .anchor,h4:hover .anchor,h5:hover .anchor,h6:hover .anchor { display: inline-flex; color: var(--darkpurple); margin-inline-start: 10px; font-weight: 700; user-select: none; box-shadow: 0 0px 0 var(--darkpurple); } .paginav { margin: 10px 0; display: flex; line-height: var(--lineheight); font-size: var(--footersize); border-radius: var(--radius); } .paginav a { padding-inline-start: 15px; padding-inline-end: 15px; border-radius: var(--radius); color: var(--secondary); } .paginav .title { letter-spacing: 1px; text-transform: uppercase; font-size: small; color: var(--secondary); } .paginav .prev,.paginav .next { width: 50%; } .paginav .next { margin-inline-start: auto; text-align: right; } [dir=rtl] .paginav .next { text-align: left; } h1>a>svg { display: inline; } img.in-text { display: inline; margin: auto; } a[href^="#fn:"],a[href^="#fnref:"] { box-shadow: 0 0px 0 var(--darkpurple); } a[href^="#fn:"]:hover,a[href^="#fnref:"]:hover { color: var(--darkpurple); }.buttons,.main .profile { display: flex; justify-content: left; } .main .profile { align-items: center; min-height: calc(100vh - var(--footer-height) - (var(--gap) * 2)); font-size: var(--homesize); line-height: var(--lineheight); } .profile .profile_inner h1 { padding: 12px 0; font-size: 40px; } .profile img { display: inline-table; border-radius: 50%; } .buttons { flex-wrap: wrap; margin: 0 auto; } .button { background: var(--tertiary); border-radius: var(--radius); margin: 8px 16px 8px 0px; padding: 6px; transition: transform 0.1s; } .button-inner { padding: 0 8px; } .button:hover { background: var(--midpurple); } .gray-line { border: 4px solid; color: var(--tertiary); width: 100%; }#searchbox input { padding: 4px 10px; width: 100%; color: var(--primary); border-radius: var(--radius); background: var(--entry); border: 1px solid var(--border); } #searchResults li { list-style: none; border-radius: var(--radius); padding: 10px; margin: 10px 0; position: relative; font-weight: 400; } #searchResults { margin: 10px 0; width: 100%; } #searchResults a { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; outline: none; } #searchResults .focus { border: 1px solid var(--midpurple); } .terms-tags li { display: inline-block; margin: 10px; font-weight: 400; } .terms-tags a { display: block; padding: 3px 10px; background: var(--entry); border-radius: 6px; transition: transform 0.1s; border: 1px solid var(--border); font-size: var(--homesize); } .terms-tags a:hover { background: var(--lightpurple); } .chroma { background-color: unset !important;} @media screen and (max-width: 768px) { :root{--gap:14px}.profile img{transform:scale(.85)}.first-entry{min-height:260px}.archive-month{flex-direction:column}.archive-year{margin-top:20px}.footer{padding:calc((var(--footer-height) - var(--gap) - 10px)/2)var(--gap)}} @media screen and (max-width: 900px) { .list .top-link{transform:translateY(-5rem)}} @media (prefers-reduced-motion) { .terms-tags a:active,.button:active,.post-entry:active,.top-link,#searchResults .focus,#searchResults li:active{transform:none}} \ No newline at end of file diff --git a/public/courses/course1/index.html b/public/courses/course1/index.html index 259df2b7e..943741c3a 100644 --- a/public/courses/course1/index.html +++ b/public/courses/course1/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/courses/course2/index.html b/public/courses/course2/index.html index 45d9b1175..0cfadb2f8 100644 --- a/public/courses/course2/index.html +++ b/public/courses/course2/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/courses/index.html b/public/courses/index.html index ded2b25ac..a0675dc9b 100644 --- a/public/courses/index.html +++ b/public/courses/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/data/data1/index.html b/public/data/data1/index.html index 9d8776ed6..8bf3c417b 100644 --- a/public/data/data1/index.html +++ b/public/data/data1/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/data/index.html b/public/data/index.html index dfb79166e..239d5791d 100644 --- a/public/data/index.html +++ b/public/data/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/index.html b/public/index.html index d802fdb2d..2b8023520 100644 --- a/public/index.html +++ b/public/index.html @@ -11,7 +11,7 @@ - + diff --git a/public/location/index.html b/public/location/index.html index aa3ec4962..2b519b948 100644 --- a/public/location/index.html +++ b/public/location/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/officehours/index.html b/public/officehours/index.html index 572b4711c..eba4cd9a5 100644 --- a/public/officehours/index.html +++ b/public/officehours/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/papers/index.html b/public/papers/index.html index 39cf7bf34..42dbf1f28 100644 --- a/public/papers/index.html +++ b/public/papers/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/papers/paper1/index.html b/public/papers/paper1/index.html index 788ca6534..8c193a5d9 100644 --- a/public/papers/paper1/index.html +++ b/public/papers/paper1/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/papers/paper2/index.html b/public/papers/paper2/index.html index 7f8ad0602..61a0ad76f 100644 --- a/public/papers/paper2/index.html +++ b/public/papers/paper2/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/tags/index.html b/public/tags/index.html index 068d8c868..ee373bee2 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/tags/keyword-1/index.html b/public/tags/keyword-1/index.html index 9b93e8fe7..fb6169357 100644 --- a/public/tags/keyword-1/index.html +++ b/public/tags/keyword-1/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/tags/keyword-10/index.html b/public/tags/keyword-10/index.html index 6ed5ac659..e5dc97bfb 100644 --- a/public/tags/keyword-10/index.html +++ b/public/tags/keyword-10/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/tags/keyword-2/index.html b/public/tags/keyword-2/index.html index 6e7183def..41c144a7d 100644 --- a/public/tags/keyword-2/index.html +++ b/public/tags/keyword-2/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/tags/keyword-3/index.html b/public/tags/keyword-3/index.html index fae27ad50..2772679d9 100644 --- a/public/tags/keyword-3/index.html +++ b/public/tags/keyword-3/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/tags/keyword-4/index.html b/public/tags/keyword-4/index.html index dd58696d8..f10dd8135 100644 --- a/public/tags/keyword-4/index.html +++ b/public/tags/keyword-4/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/tags/keyword-5/index.html b/public/tags/keyword-5/index.html index 8f226c64a..7b8c5840c 100644 --- a/public/tags/keyword-5/index.html +++ b/public/tags/keyword-5/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/tags/keyword-6/index.html b/public/tags/keyword-6/index.html index 79f3f2a04..18767de5a 100644 --- a/public/tags/keyword-6/index.html +++ b/public/tags/keyword-6/index.html @@ -10,7 +10,7 @@ - + diff --git a/public/tags/keyword-7/index.html b/public/tags/keyword-7/index.html index 4365cdede..ef2cf12d0 100644 --- a/public/tags/keyword-7/index.html +++ b/public/tags/keyword-7/index.html @@ -10,7 +10,7 @@ - +