├── .github └── workflows │ └── main.yml ├── .gitignore ├── LICENSE ├── README.md ├── Screenshot.png ├── Screenshot_mobile.png ├── config.toml ├── content ├── _index.md ├── latex.md ├── no depency and fast.md └── syntax highlighting.md ├── static ├── imgs │ ├── douban.svg │ ├── github.svg │ ├── mail.svg │ ├── mastodon.svg │ ├── rss.svg │ └── zola-favicon.ico └── simple.css ├── templates ├── 404.html ├── base.html ├── index.html └── page.html └── theme.toml /.github/workflows/main.yml: -------------------------------------------------------------------------------- 1 | on: push 2 | name: Build and deploy on push 3 | jobs: 4 | build: 5 | name: shalzz/zola-deploy-action 6 | runs-on: ubuntu-latest 7 | steps: 8 | - uses: actions/checkout@master 9 | - name: shalzz/zola-deploy-action 10 | uses: shalzz/zola-deploy-action@master 11 | env: 12 | PAGES_BRANCH: gh-pages 13 | BUILD_DIR: . 14 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /public -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Mozilla Public License Version 2.0 2 | ================================== 3 | 4 | 1. Definitions 5 | -------------- 6 | 7 | 1.1. "Contributor" 8 | means each individual or legal entity that creates, contributes to 9 | the creation of, or owns Covered Software. 10 | 11 | 1.2. "Contributor Version" 12 | means the combination of the Contributions of others (if any) used 13 | by a Contributor and that particular Contributor's Contribution. 14 | 15 | 1.3. "Contribution" 16 | means Covered Software of a particular Contributor. 17 | 18 | 1.4. "Covered Software" 19 | means Source Code Form to which the initial Contributor has attached 20 | the notice in Exhibit A, the Executable Form of such Source Code 21 | Form, and Modifications of such Source Code Form, in each case 22 | including portions thereof. 23 | 24 | 1.5. "Incompatible With Secondary Licenses" 25 | means 26 | 27 | (a) that the initial Contributor has attached the notice described 28 | in Exhibit B to the Covered Software; or 29 | 30 | (b) that the Covered Software was made available under the terms of 31 | version 1.1 or earlier of the License, but not also under the 32 | terms of a Secondary License. 33 | 34 | 1.6. "Executable Form" 35 | means any form of the work other than Source Code Form. 36 | 37 | 1.7. "Larger Work" 38 | means a work that combines Covered Software with other material, in 39 | a separate file or files, that is not Covered Software. 40 | 41 | 1.8. "License" 42 | means this document. 43 | 44 | 1.9. "Licensable" 45 | means having the right to grant, to the maximum extent possible, 46 | whether at the time of the initial grant or subsequently, any and 47 | all of the rights conveyed by this License. 48 | 49 | 1.10. "Modifications" 50 | means any of the following: 51 | 52 | (a) any file in Source Code Form that results from an addition to, 53 | deletion from, or modification of the contents of Covered 54 | Software; or 55 | 56 | (b) any new file in Source Code Form that contains any Covered 57 | Software. 58 | 59 | 1.11. "Patent Claims" of a Contributor 60 | means any patent claim(s), including without limitation, method, 61 | process, and apparatus claims, in any patent Licensable by such 62 | Contributor that would be infringed, but for the grant of the 63 | License, by the making, using, selling, offering for sale, having 64 | made, import, or transfer of either its Contributions or its 65 | Contributor Version. 66 | 67 | 1.12. "Secondary License" 68 | means either the GNU General Public License, Version 2.0, the GNU 69 | Lesser General Public License, Version 2.1, the GNU Affero General 70 | Public License, Version 3.0, or any later versions of those 71 | licenses. 72 | 73 | 1.13. "Source Code Form" 74 | means the form of the work preferred for making modifications. 75 | 76 | 1.14. "You" (or "Your") 77 | means an individual or a legal entity exercising rights under this 78 | License. For legal entities, "You" includes any entity that 79 | controls, is controlled by, or is under common control with You. For 80 | purposes of this definition, "control" means (a) the power, direct 81 | or indirect, to cause the direction or management of such entity, 82 | whether by contract or otherwise, or (b) ownership of more than 83 | fifty percent (50%) of the outstanding shares or beneficial 84 | ownership of such entity. 85 | 86 | 2. License Grants and Conditions 87 | -------------------------------- 88 | 89 | 2.1. Grants 90 | 91 | Each Contributor hereby grants You a world-wide, royalty-free, 92 | non-exclusive license: 93 | 94 | (a) under intellectual property rights (other than patent or trademark) 95 | Licensable by such Contributor to use, reproduce, make available, 96 | modify, display, perform, distribute, and otherwise exploit its 97 | Contributions, either on an unmodified basis, with Modifications, or 98 | as part of a Larger Work; and 99 | 100 | (b) under Patent Claims of such Contributor to make, use, sell, offer 101 | for sale, have made, import, and otherwise transfer either its 102 | Contributions or its Contributor Version. 103 | 104 | 2.2. Effective Date 105 | 106 | The licenses granted in Section 2.1 with respect to any Contribution 107 | become effective for each Contribution on the date the Contributor first 108 | distributes such Contribution. 109 | 110 | 2.3. Limitations on Grant Scope 111 | 112 | The licenses granted in this Section 2 are the only rights granted under 113 | this License. No additional rights or licenses will be implied from the 114 | distribution or licensing of Covered Software under this License. 115 | Notwithstanding Section 2.1(b) above, no patent license is granted by a 116 | Contributor: 117 | 118 | (a) for any code that a Contributor has removed from Covered Software; 119 | or 120 | 121 | (b) for infringements caused by: (i) Your and any other third party's 122 | modifications of Covered Software, or (ii) the combination of its 123 | Contributions with other software (except as part of its Contributor 124 | Version); or 125 | 126 | (c) under Patent Claims infringed by Covered Software in the absence of 127 | its Contributions. 128 | 129 | This License does not grant any rights in the trademarks, service marks, 130 | or logos of any Contributor (except as may be necessary to comply with 131 | the notice requirements in Section 3.4). 132 | 133 | 2.4. Subsequent Licenses 134 | 135 | No Contributor makes additional grants as a result of Your choice to 136 | distribute the Covered Software under a subsequent version of this 137 | License (see Section 10.2) or under the terms of a Secondary License (if 138 | permitted under the terms of Section 3.3). 139 | 140 | 2.5. Representation 141 | 142 | Each Contributor represents that the Contributor believes its 143 | Contributions are its original creation(s) or it has sufficient rights 144 | to grant the rights to its Contributions conveyed by this License. 145 | 146 | 2.6. Fair Use 147 | 148 | This License is not intended to limit any rights You have under 149 | applicable copyright doctrines of fair use, fair dealing, or other 150 | equivalents. 151 | 152 | 2.7. Conditions 153 | 154 | Sections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted 155 | in Section 2.1. 156 | 157 | 3. Responsibilities 158 | ------------------- 159 | 160 | 3.1. Distribution of Source Form 161 | 162 | All distribution of Covered Software in Source Code Form, including any 163 | Modifications that You create or to which You contribute, must be under 164 | the terms of this License. You must inform recipients that the Source 165 | Code Form of the Covered Software is governed by the terms of this 166 | License, and how they can obtain a copy of this License. You may not 167 | attempt to alter or restrict the recipients' rights in the Source Code 168 | Form. 169 | 170 | 3.2. Distribution of Executable Form 171 | 172 | If You distribute Covered Software in Executable Form then: 173 | 174 | (a) such Covered Software must also be made available in Source Code 175 | Form, as described in Section 3.1, and You must inform recipients of 176 | the Executable Form how they can obtain a copy of such Source Code 177 | Form by reasonable means in a timely manner, at a charge no more 178 | than the cost of distribution to the recipient; and 179 | 180 | (b) You may distribute such Executable Form under the terms of this 181 | License, or sublicense it under different terms, provided that the 182 | license for the Executable Form does not attempt to limit or alter 183 | the recipients' rights in the Source Code Form under this License. 184 | 185 | 3.3. Distribution of a Larger Work 186 | 187 | You may create and distribute a Larger Work under terms of Your choice, 188 | provided that You also comply with the requirements of this License for 189 | the Covered Software. If the Larger Work is a combination of Covered 190 | Software with a work governed by one or more Secondary Licenses, and the 191 | Covered Software is not Incompatible With Secondary Licenses, this 192 | License permits You to additionally distribute such Covered Software 193 | under the terms of such Secondary License(s), so that the recipient of 194 | the Larger Work may, at their option, further distribute the Covered 195 | Software under the terms of either this License or such Secondary 196 | License(s). 197 | 198 | 3.4. Notices 199 | 200 | You may not remove or alter the substance of any license notices 201 | (including copyright notices, patent notices, disclaimers of warranty, 202 | or limitations of liability) contained within the Source Code Form of 203 | the Covered Software, except that You may alter any license notices to 204 | the extent required to remedy known factual inaccuracies. 205 | 206 | 3.5. Application of Additional Terms 207 | 208 | You may choose to offer, and to charge a fee for, warranty, support, 209 | indemnity or liability obligations to one or more recipients of Covered 210 | Software. However, You may do so only on Your own behalf, and not on 211 | behalf of any Contributor. You must make it absolutely clear that any 212 | such warranty, support, indemnity, or liability obligation is offered by 213 | You alone, and You hereby agree to indemnify every Contributor for any 214 | liability incurred by such Contributor as a result of warranty, support, 215 | indemnity or liability terms You offer. You may include additional 216 | disclaimers of warranty and limitations of liability specific to any 217 | jurisdiction. 218 | 219 | 4. Inability to Comply Due to Statute or Regulation 220 | --------------------------------------------------- 221 | 222 | If it is impossible for You to comply with any of the terms of this 223 | License with respect to some or all of the Covered Software due to 224 | statute, judicial order, or regulation then You must: (a) comply with 225 | the terms of this License to the maximum extent possible; and (b) 226 | describe the limitations and the code they affect. Such description must 227 | be placed in a text file included with all distributions of the Covered 228 | Software under this License. Except to the extent prohibited by statute 229 | or regulation, such description must be sufficiently detailed for a 230 | recipient of ordinary skill to be able to understand it. 231 | 232 | 5. Termination 233 | -------------- 234 | 235 | 5.1. The rights granted under this License will terminate automatically 236 | if You fail to comply with any of its terms. However, if You become 237 | compliant, then the rights granted under this License from a particular 238 | Contributor are reinstated (a) provisionally, unless and until such 239 | Contributor explicitly and finally terminates Your grants, and (b) on an 240 | ongoing basis, if such Contributor fails to notify You of the 241 | non-compliance by some reasonable means prior to 60 days after You have 242 | come back into compliance. Moreover, Your grants from a particular 243 | Contributor are reinstated on an ongoing basis if such Contributor 244 | notifies You of the non-compliance by some reasonable means, this is the 245 | first time You have received notice of non-compliance with this License 246 | from such Contributor, and You become compliant prior to 30 days after 247 | Your receipt of the notice. 248 | 249 | 5.2. If You initiate litigation against any entity by asserting a patent 250 | infringement claim (excluding declaratory judgment actions, 251 | counter-claims, and cross-claims) alleging that a Contributor Version 252 | directly or indirectly infringes any patent, then the rights granted to 253 | You by any and all Contributors for the Covered Software under Section 254 | 2.1 of this License shall terminate. 255 | 256 | 5.3. In the event of termination under Sections 5.1 or 5.2 above, all 257 | end user license agreements (excluding distributors and resellers) which 258 | have been validly granted by You or Your distributors under this License 259 | prior to termination shall survive termination. 260 | 261 | ************************************************************************ 262 | * * 263 | * 6. Disclaimer of Warranty * 264 | * ------------------------- * 265 | * * 266 | * Covered Software is provided under this License on an "as is" * 267 | * basis, without warranty of any kind, either expressed, implied, or * 268 | * statutory, including, without limitation, warranties that the * 269 | * Covered Software is free of defects, merchantable, fit for a * 270 | * particular purpose or non-infringing. The entire risk as to the * 271 | * quality and performance of the Covered Software is with You. * 272 | * Should any Covered Software prove defective in any respect, You * 273 | * (not any Contributor) assume the cost of any necessary servicing, * 274 | * repair, or correction. This disclaimer of warranty constitutes an * 275 | * essential part of this License. No use of any Covered Software is * 276 | * authorized under this License except under this disclaimer. * 277 | * * 278 | ************************************************************************ 279 | 280 | ************************************************************************ 281 | * * 282 | * 7. Limitation of Liability * 283 | * -------------------------- * 284 | * * 285 | * Under no circumstances and under no legal theory, whether tort * 286 | * (including negligence), contract, or otherwise, shall any * 287 | * Contributor, or anyone who distributes Covered Software as * 288 | * permitted above, be liable to You for any direct, indirect, * 289 | * special, incidental, or consequential damages of any character * 290 | * including, without limitation, damages for lost profits, loss of * 291 | * goodwill, work stoppage, computer failure or malfunction, or any * 292 | * and all other commercial damages or losses, even if such party * 293 | * shall have been informed of the possibility of such damages. This * 294 | * limitation of liability shall not apply to liability for death or * 295 | * personal injury resulting from such party's negligence to the * 296 | * extent applicable law prohibits such limitation. Some * 297 | * jurisdictions do not allow the exclusion or limitation of * 298 | * incidental or consequential damages, so this exclusion and * 299 | * limitation may not apply to You. * 300 | * * 301 | ************************************************************************ 302 | 303 | 8. Litigation 304 | ------------- 305 | 306 | Any litigation relating to this License may be brought only in the 307 | courts of a jurisdiction where the defendant maintains its principal 308 | place of business and such litigation shall be governed by laws of that 309 | jurisdiction, without reference to its conflict-of-law provisions. 310 | Nothing in this Section shall prevent a party's ability to bring 311 | cross-claims or counter-claims. 312 | 313 | 9. Miscellaneous 314 | ---------------- 315 | 316 | This License represents the complete agreement concerning the subject 317 | matter hereof. If any provision of this License is held to be 318 | unenforceable, such provision shall be reformed only to the extent 319 | necessary to make it enforceable. Any law or regulation which provides 320 | that the language of a contract shall be construed against the drafter 321 | shall not be used to construe this License against a Contributor. 322 | 323 | 10. Versions of the License 324 | --------------------------- 325 | 326 | 10.1. New Versions 327 | 328 | Mozilla Foundation is the license steward. Except as provided in Section 329 | 10.3, no one other than the license steward has the right to modify or 330 | publish new versions of this License. Each version will be given a 331 | distinguishing version number. 332 | 333 | 10.2. Effect of New Versions 334 | 335 | You may distribute the Covered Software under the terms of the version 336 | of the License under which You originally received the Covered Software, 337 | or under the terms of any subsequent version published by the license 338 | steward. 339 | 340 | 10.3. Modified Versions 341 | 342 | If you create software not governed by this License, and you want to 343 | create a new license for such software, you may create and use a 344 | modified version of this License if you rename the license and remove 345 | any references to the name of the license steward (except to note that 346 | such modified license differs from this License). 347 | 348 | 10.4. Distributing Source Code Form that is Incompatible With Secondary 349 | Licenses 350 | 351 | If You choose to distribute Source Code Form that is Incompatible With 352 | Secondary Licenses under the terms of this version of the License, the 353 | notice described in Exhibit B of this License must be attached. 354 | 355 | Exhibit A - Source Code Form License Notice 356 | ------------------------------------------- 357 | 358 | This Source Code Form is subject to the terms of the Mozilla Public 359 | License, v. 2.0. If a copy of the MPL was not distributed with this 360 | file, You can obtain one at http://mozilla.org/MPL/2.0/. 361 | 362 | If it is not possible or desirable to put the notice in a particular 363 | file, then You may include the notice in a location (such as a LICENSE 364 | file in a relevant directory) where a recipient would be likely to look 365 | for such a notice. 366 | 367 | You may add additional accurate notices of copyright ownership. 368 | 369 | Exhibit B - "Incompatible With Secondary Licenses" Notice 370 | --------------------------------------------------------- 371 | 372 | This Source Code Form is "Incompatible With Secondary Licenses", as 373 | defined by the Mozilla Public License, v. 2.0. 374 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # nodep 2 | 3 | A [zola](https://www.getzola.org/) theme with no javascript and unnecessary css dependency at all. 4 | 5 | ## Usage 6 | 7 | 1. Download [zola](https://www.getzola.org/documentation/getting-started/installation/) 8 | 2. Fork this repo and change repo's name 9 | 3. clone your repo 10 | 4. cd && run `zola serve` 11 | 5. change anything you want in `config.toml` and git push. If your repo's name is , then `base_url = https://.github.io/`, else `https://.github.io/` 12 | 6. In *repo* **settings-Pages**, choose source `gh-pages`. Wait a minute and check `yourgithubname.github.io` or `yourgithubname.github.io/reponame` 13 | 14 | ## Feature 15 | 16 | ### No unnecessary dependency 17 | 18 | On the basis of great work of [simple.css](https://github.com/kevquirk/simple.css) and [Nicole White](https://github.com/nicolewhite/nicolewhite.github.io_old), only 10KB css file is needed (2.91KB transfered if you minify it ), no jQuery or Bootstrap at all. 19 | 20 | * one html (1.46KB transfered / 1.86KB size) 21 | * one css (3.91KB transfered / 10.42KB size) 22 | * **optional** GitHub/mail/rss icons 23 | * **optional** favicon 24 | 25 | In my personal [blog](https://tsai002.github.io), I make these svgs and favicon inlined to html so that only two requests required: 26 | 27 | * one html(6 icons included) (5.97KB transfered / 10.05KB size) 28 | * one css (2.91KB transfered / 7.08KB size) 29 | 30 | Zola is able to minify html and I minified css manually. 31 | 32 | ### Beautiful 33 | 34 | Thanks [simple.css](https://github.com/kevquirk/simple.css) 35 | 36 | ![screenshot](./Screenshot.png) 37 | ![screenshot](./Screenshot_mobile.png) 38 | -------------------------------------------------------------------------------- /Screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tsai002/nodep/9d242439c44cfc8039fa536982ff09064d1a4461/Screenshot.png -------------------------------------------------------------------------------- /Screenshot_mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tsai002/nodep/9d242439c44cfc8039fa536982ff09064d1a4461/Screenshot_mobile.png -------------------------------------------------------------------------------- /config.toml: -------------------------------------------------------------------------------- 1 | title = "Ciao!" 2 | description = "“When you don't create things, you become defined by your tastes rather than ability. Your tastes only narrow & exclude people. So create.” ― Why The Lucky Stiff" 3 | 4 | # The URL the site will be built for 5 | base_url = "https://tsai002.github.io/nodep" 6 | 7 | # Whether to automatically compile all Sass files in the sass directory 8 | compile_sass = false 9 | 10 | # Whether to build a search index to be used later on by a JavaScript library 11 | build_search_index = false 12 | 13 | generate_feed = true 14 | 15 | [markdown] 16 | # Whether to do syntax highlighting 17 | # Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola 18 | highlight_code = true 19 | 20 | [extra] 21 | # Put all your custom variables here 22 | github = "https://github.com/Tsai002/nodep" 23 | douban = "" 24 | mastodon = "https://mastodon.xyz/@ciao" 25 | mail = "tsai2049@gmail.com" 26 | 27 | favicon = "/imgs/zola-favicon.ico" -------------------------------------------------------------------------------- /content/_index.md: -------------------------------------------------------------------------------- 1 | +++ 2 | sort_by = "date" 3 | +++ -------------------------------------------------------------------------------- /content/latex.md: -------------------------------------------------------------------------------- 1 | +++ 2 | title = "Never load MathJax unless Latex is needed" 3 | date = "2022-01-16" 4 | [extra] 5 | latex = true 6 | +++ 7 | 8 | You pay what you need. If one page doesn't need $latex$, it will not load MathJax. 9 | 10 | Add that article like 11 | 12 | ``` 13 | +++ 14 | title = "use latex" 15 | date = "2022-01-16" 16 | [extra] 17 | latex = true 18 | +++ 19 | ``` 20 | 21 | 22 | $$1×£1 + 1×50p + 2×20p + 1×5p + 1×2p + 3×1p$$ 23 | 24 | ``` 25 | $$1×£1 + 1×50p + 2×20p + 1×5p + 1×2p + 3×1p$$ 26 | ``` 27 | 28 | inline latex $latex$ 29 | 30 | ``` 31 | inline latex $latex$ 32 | ``` -------------------------------------------------------------------------------- /content/no depency and fast.md: -------------------------------------------------------------------------------- 1 | +++ 2 | title = "no javascript and unnecessary css dependency" 3 | date = "2022-01-17" 4 | +++ 5 | 6 | On the basis of great work of [simple.css](https://github.com/kevquirk/simple.css) and [Nicole White](https://github.com/nicolewhite/nicolewhite.github.io_old), only 10KB css file is needed (2.91KB transfered if you minify it ), no jQuery or Bootstrap at all. 7 | 8 | * one html (1.46KB transfered / 1.86KB size) 9 | * one css (3.91KB transfered / 10.42KB size) 10 | * **optional** GitHub/mail/rss icons 11 | * **optional** favicon 12 | 13 | In my personal [blog](https://tsai002.github.io), I make these svgs and favicon inlined to html so that only two requests required: 14 | 15 | * one html(6 icons included) (5.97KB transfered / 10.05KB size) 16 | * one css (2.91KB transfered / 7.08KB size) 17 | 18 | Zola is able to minify html and I minified css manually. -------------------------------------------------------------------------------- /content/syntax highlighting.md: -------------------------------------------------------------------------------- 1 | +++ 2 | title = "syntax highlighting" 3 | date = "2022-01-15" 4 | [extra] 5 | latex = true 6 | +++ 7 | 8 | ### 31. Coin sums 9 | 10 | In England the currency is made up of pound, £, and pence, p, and there are eight coins in general circulation: 11 | 12 | $1p, 2p, 5p, 10p, 20p, 50p, £1 (100p)$ and $£2 (200p)$. 13 | 14 | It is possible to make £2 in the following way: 15 | 16 | $$1×£1 + 1×50p + 2×20p + 1×5p + 1×2p + 3×1p$$ 17 | 18 | How many different ways can £2 be made using any number of coins? 19 | 20 | 21 | ```python 22 | coins = [1,2,5,10,20,50,100,200] 23 | 24 | def findcoin(target, n): 25 | if n <= 1: 26 | return 1 27 | res = 0 28 | while target >= 0: 29 | res+=findcoin(target,n-1) 30 | target = target - coins[n-1] 31 | return res 32 | 33 | findcoin(200,8) 34 | ``` -------------------------------------------------------------------------------- /static/imgs/douban.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /static/imgs/github.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /static/imgs/mail.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /static/imgs/mastodon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /static/imgs/rss.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /static/imgs/zola-favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tsai002/nodep/9d242439c44cfc8039fa536982ff09064d1a4461/static/imgs/zola-favicon.ico -------------------------------------------------------------------------------- /static/simple.css: -------------------------------------------------------------------------------- 1 | /* Set the global variables for everything. Change these to use your own fonts and colours. */ 2 | :root { 3 | /* Set sans-serif & mono fonts */ 4 | --sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, 5 | "Nimbus Sans L", Roboto, Noto, "Segoe UI", Arial, Helvetica, 6 | "Helvetica Neue", sans-serif; 7 | --mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace; 8 | 9 | /* Body font size. By default, effectively 18.4px, based on 16px as 'root em' */ 10 | --base-fontsize: 1.15rem; 11 | 12 | /* Major third scale progression - see https://type-scale.com/ */ 13 | --header-scale: 1.25; 14 | 15 | /* Line height is set to the "Golden ratio" for optimal legibility */ 16 | --line-height: 1.618; 17 | 18 | /* Default (light) theme */ 19 | --bg: #fff; 20 | --accent-bg: #f5f7ff; 21 | --text: #212121; 22 | --text-light: #585858; 23 | --border: #d8dae1; 24 | --accent: #0d47a1; 25 | --accent-light: #90caf9; 26 | --code: #d81b60; 27 | --preformatted: #444; 28 | --marked: #ffdd33; 29 | --disabled: #efefef; 30 | } 31 | 32 | /* Dark theme */ 33 | @media (prefers-color-scheme: dark) { 34 | :root { 35 | --bg: #212121; 36 | --accent-bg: #2b2b2b; 37 | --text: #dcdcdc; 38 | --text-light: #ababab; 39 | --border: #666; 40 | --accent: #ffb300; 41 | --accent-light: #ffecb3; 42 | --code: #f06292; 43 | --preformatted: #ccc; 44 | --disabled: #111; 45 | } 46 | 47 | img, 48 | video { 49 | opacity: 0.6; 50 | } 51 | } 52 | 53 | html { 54 | /* Set the font globally */ 55 | font-family: var(--sans-font); 56 | } 57 | 58 | /* Make the body a nice central block */ 59 | body { 60 | color: var(--text); 61 | background: var(--bg); 62 | font-size: var(--base-fontsize); 63 | line-height: var(--line-height); 64 | padding: 50px; 65 | overflow-x: hidden; 66 | word-break: break-word; 67 | overflow-wrap: break-word; 68 | } 69 | 70 | .wrapper { 71 | width:860px; 72 | margin:0 auto; 73 | } 74 | 75 | .blogpost { 76 | margin:0 auto; 77 | text-align: left; 78 | width: 800px; 79 | padding-bottom:50px; 80 | } 81 | 82 | section { 83 | width:500px; 84 | float:right; 85 | padding-bottom:50px; 86 | } 87 | 88 | /* Make the header bg full width, but the content inline with body */ 89 | header { 90 | width:270px; 91 | float:left; 92 | position:fixed; 93 | } 94 | 95 | /* Remove margins for header text */ 96 | header h1, 97 | header p { 98 | margin: 0; 99 | } 100 | 101 | /* Add a little padding to ensure spacing is correct between content and nav */ 102 | main { 103 | padding-top: 1.5rem; 104 | } 105 | 106 | /* Fix line height when title wraps */ 107 | h1, 108 | h2, 109 | h3 { 110 | line-height: 1.1; 111 | } 112 | 113 | /* Format navigation */ 114 | nav { 115 | font-size: 1rem; 116 | line-height: 2; 117 | padding: 1rem 0; 118 | } 119 | 120 | nav a { 121 | margin: 1rem 1rem 0 0; 122 | border: 1px solid var(--border); 123 | border-radius: 5px; 124 | color: var(--text) !important; 125 | display: inline-block; 126 | padding: 0.1rem 1rem; 127 | text-decoration: none; 128 | transition: 0.4s; 129 | } 130 | 131 | nav a:hover { 132 | color: var(--accent) !important; 133 | border-color: var(--accent); 134 | text-decoration: underline; 135 | } 136 | 137 | footer { 138 | margin-top: 4rem; 139 | padding: 2rem 1rem 1.5rem 1rem; 140 | color: var(--text-light); 141 | font-size: 0.9rem; 142 | text-align: center; 143 | border-top: 1px solid var(--border); 144 | } 145 | 146 | /* Format headers */ 147 | h1 { 148 | font-size: calc( 149 | var(--base-fontsize) * var(--header-scale) * var(--header-scale) * 150 | var(--header-scale) * var(--header-scale) 151 | ); 152 | margin-top: calc(var(--line-height) * 1.5rem); 153 | } 154 | 155 | h2 { 156 | font-size: calc( 157 | var(--base-fontsize) * var(--header-scale) * var(--header-scale) * 158 | var(--header-scale) 159 | ); 160 | margin-top: calc(var(--line-height) * 1.5rem); 161 | } 162 | 163 | h3 { 164 | font-size: calc( 165 | var(--base-fontsize) * var(--header-scale) * var(--header-scale) 166 | ); 167 | margin-top: calc(var(--line-height) * 1.5rem); 168 | } 169 | 170 | h4 { 171 | font-size: calc(var(--base-fontsize) * var(--header-scale)); 172 | margin-top: calc(var(--line-height) * 1.5rem); 173 | } 174 | 175 | h5 { 176 | font-size: var(--base-fontsize); 177 | margin-top: calc(var(--line-height) * 1.5rem); 178 | } 179 | 180 | h6 { 181 | font-size: calc(var(--base-fontsize) / var(--header-scale)); 182 | margin-top: calc(var(--line-height) * 1.5rem); 183 | } 184 | 185 | /* Format links & buttons */ 186 | a { 187 | text-decoration: none; 188 | color: var(--accent); 189 | } 190 | 191 | a:visited { 192 | color: var(--accent); 193 | } 194 | 195 | a:hover { 196 | text-decoration: underline; 197 | } 198 | 199 | a button, 200 | button, 201 | [role="button"], 202 | input[type="submit"], 203 | input[type="reset"], 204 | input[type="button"] { 205 | border: none; 206 | border-radius: 5px; 207 | background: var(--accent); 208 | font-size: 1rem; 209 | color: var(--bg); 210 | padding: 0.7rem 0.9rem; 211 | margin: 0.5rem 0; 212 | transition: 0.4s; 213 | } 214 | 215 | a button[disabled], 216 | button[disabled], 217 | [role="button"][aria-disabled="true"], 218 | input[type="submit"][disabled], 219 | input[type="reset"][disabled], 220 | input[type="button"][disabled], 221 | input[type="checkbox"][disabled], 222 | input[type="radio"][disabled], 223 | select[disabled] { 224 | cursor: default; 225 | opacity: 0.5; 226 | cursor: not-allowed; 227 | } 228 | 229 | input:disabled, 230 | textarea:disabled, 231 | select:disabled { 232 | cursor: not-allowed; 233 | background-color: var(--disabled); 234 | } 235 | 236 | input[type="range"] { 237 | padding: 0; 238 | } 239 | 240 | /* Set the cursor to '?' while hovering over an abbreviation */ 241 | abbr { 242 | cursor: help; 243 | } 244 | 245 | button:focus, 246 | button:enabled:hover, 247 | [role="button"]:focus, 248 | [role="button"]:not([aria-disabled="true"]):hover, 249 | input[type="submit"]:focus, 250 | input[type="submit"]:enabled:hover, 251 | input[type="reset"]:focus, 252 | input[type="reset"]:enabled:hover, 253 | input[type="button"]:focus, 254 | input[type="button"]:enabled:hover, 255 | input[type="checkbox"]:focus, 256 | input[type="checkbox"]:enabled:hover, 257 | input[type="radio"]:focus, 258 | input[type="radio"]:enabled:hover { 259 | opacity: 0.8; 260 | cursor: pointer; 261 | } 262 | 263 | /* Format the expanding box */ 264 | details { 265 | background: var(--accent-bg); 266 | border: 1px solid var(--border); 267 | border-radius: 5px; 268 | margin-bottom: 1rem; 269 | } 270 | 271 | summary { 272 | cursor: pointer; 273 | font-weight: bold; 274 | padding: 0.6rem 1rem; 275 | } 276 | 277 | details[open] { 278 | padding: 0.6rem 1rem 0.75rem 1rem; 279 | } 280 | 281 | details[open] summary { 282 | margin-bottom: 0.5rem; 283 | padding: 0; 284 | } 285 | 286 | details[open] > *:last-child { 287 | margin-bottom: 0; 288 | } 289 | 290 | /* Format tables */ 291 | table { 292 | border-collapse: collapse; 293 | width: 100%; 294 | margin: 1.5rem 0; 295 | } 296 | 297 | td, 298 | th { 299 | border: 1px solid var(--border); 300 | text-align: left; 301 | padding: 0.5rem; 302 | } 303 | 304 | th { 305 | background: var(--accent-bg); 306 | font-weight: bold; 307 | } 308 | 309 | tr:nth-child(even) { 310 | /* Set every other cell slightly darker. Improves readability. */ 311 | background: var(--accent-bg); 312 | } 313 | 314 | table caption { 315 | font-weight: bold; 316 | margin-bottom: 0.5rem; 317 | } 318 | 319 | /* Lists */ 320 | ol, 321 | ul { 322 | padding-left: 3rem; 323 | } 324 | 325 | /* Format forms */ 326 | textarea, 327 | select, 328 | input { 329 | font-size: inherit; 330 | font-family: inherit; 331 | padding: 0.5rem; 332 | margin-bottom: 0.5rem; 333 | color: var(--text); 334 | background: var(--bg); 335 | border: 1px solid var(--border); 336 | border-radius: 5px; 337 | box-shadow: none; 338 | box-sizing: border-box; 339 | width: 60%; 340 | -moz-appearance: none; 341 | -webkit-appearance: none; 342 | appearance: none; 343 | } 344 | 345 | /* Add arrow to */ 346 | select { 347 | background-image: linear-gradient(45deg, transparent 49%, var(--text) 51%), 348 | linear-gradient(135deg, var(--text) 51%, transparent 49%); 349 | background-position: calc(100% - 20px), calc(100% - 15px); 350 | background-size: 5px 5px, 5px 5px; 351 | background-repeat: no-repeat; 352 | } 353 | 354 | select[multiple] { 355 | background-image: none !important; 356 | } 357 | 358 | /* checkbox and radio button style */ 359 | input[type="checkbox"], 360 | input[type="radio"] { 361 | vertical-align: bottom; 362 | position: relative; 363 | } 364 | 365 | input[type="radio"] { 366 | border-radius: 100%; 367 | } 368 | 369 | input[type="checkbox"]:checked, 370 | input[type="radio"]:checked { 371 | background: var(--accent); 372 | } 373 | 374 | input[type="checkbox"]:checked::after { 375 | /* Creates a rectangle with colored right and bottom borders which is rotated to look like a check mark */ 376 | content: " "; 377 | width: 0.1em; 378 | height: 0.25em; 379 | border-radius: 0; 380 | position: absolute; 381 | top: 0.05em; 382 | left: 0.18em; 383 | background: transparent; 384 | border-right: solid var(--bg) 0.08em; 385 | border-bottom: solid var(--bg) 0.08em; 386 | font-size: 1.8em; 387 | transform: rotate(45deg); 388 | } 389 | input[type="radio"]:checked::after { 390 | /* creates a colored circle for the checked radio button */ 391 | content: " "; 392 | width: 0.25em; 393 | height: 0.25em; 394 | border-radius: 100%; 395 | position: absolute; 396 | top: 0.125em; 397 | background: var(--bg); 398 | left: 0.125em; 399 | font-size: 32px; 400 | } 401 | 402 | /* Make the textarea wider than other inputs */ 403 | textarea { 404 | width: 80%; 405 | } 406 | 407 | /* Makes input fields wider on smaller screens */ 408 | @media only screen and (max-width: 720px) { 409 | textarea, 410 | select, 411 | input { 412 | width: 100%; 413 | } 414 | } 415 | 416 | /* Ensures the checkbox and radio inputs do not have a set width like other input fields */ 417 | input[type="checkbox"], 418 | input[type="radio"] { 419 | width: auto; 420 | } 421 | 422 | /* do not show border around file selector button */ 423 | input[type="file"] { 424 | border: 0; 425 | } 426 | 427 | /* Without this any HTML using
shows ugly borders and has additional padding/margin. (Issue #3) */ 428 | fieldset { 429 | border: 0; 430 | padding: 0; 431 | margin: 0; 432 | } 433 | 434 | /* Misc body elements */ 435 | 436 | hr { 437 | color: var(--border); 438 | border-top: 1px; 439 | margin: 1rem auto; 440 | } 441 | 442 | mark { 443 | padding: 2px 5px; 444 | border-radius: 4px; 445 | background: var(--marked); 446 | } 447 | 448 | main img, 449 | main video { 450 | max-width: 100%; 451 | height: auto; 452 | border-radius: 5px; 453 | } 454 | 455 | figure { 456 | margin: 0; 457 | } 458 | 459 | figcaption { 460 | font-size: 0.9rem; 461 | color: var(--text-light); 462 | text-align: center; 463 | margin-bottom: 1rem; 464 | } 465 | 466 | blockquote { 467 | margin: 2rem 0 2rem 2rem; 468 | padding: 0.4rem 0.8rem; 469 | border-left: 0.35rem solid var(--accent); 470 | opacity: 0.8; 471 | font-style: italic; 472 | } 473 | 474 | cite { 475 | font-size: 0.9rem; 476 | color: var(--text-light); 477 | font-style: normal; 478 | } 479 | 480 | /* Use mono font for code like elements */ 481 | code, 482 | pre, 483 | pre span, 484 | kbd, 485 | samp { 486 | font-size: 1.075rem; 487 | font-family: var(--mono-font); 488 | color: var(--code); 489 | } 490 | 491 | kbd { 492 | color: var(--preformatted); 493 | border: 1px solid var(--preformatted); 494 | border-bottom: 3px solid var(--preformatted); 495 | border-radius: 5px; 496 | padding: 0.1rem; 497 | } 498 | 499 | pre { 500 | padding: 1rem 1.4rem; 501 | max-width: 100%; 502 | overflow: auto; 503 | overflow-x: auto; 504 | color: var(--preformatted); 505 | background: var(--accent-bg); 506 | border: 1px solid var(--border); 507 | border-radius: 5px; 508 | } 509 | 510 | /* Fix embedded code within pre */ 511 | pre code { 512 | color: var(--preformatted); 513 | background: none; 514 | margin: 0; 515 | padding: 0; 516 | word-wrap: normal; 517 | word-break: normal; 518 | } 519 | 520 | @media print, screen and (max-width: 960px) { 521 | 522 | div.blogpost { 523 | width:auto; 524 | margin:0; 525 | } 526 | 527 | div.wrapper { 528 | width:auto; 529 | margin:0; 530 | } 531 | 532 | header, section, footer { 533 | float:none; 534 | position:static; 535 | width:auto; 536 | } 537 | 538 | header { 539 | padding-right:320px; 540 | } 541 | 542 | section { 543 | border:1px solid #e5e5e5; 544 | border-width:1px 0; 545 | padding:20px 0; 546 | margin:0 0 20px; 547 | } 548 | 549 | header a small { 550 | display:inline; 551 | } 552 | 553 | header ul { 554 | position:absolute; 555 | right:50px; 556 | top:52px; 557 | } 558 | } 559 | 560 | @media print, screen and (max-width: 720px) { 561 | body { 562 | word-wrap:break-word; 563 | } 564 | 565 | header { 566 | padding:0; 567 | } 568 | 569 | header ul, header p.view { 570 | position:static; 571 | } 572 | } 573 | 574 | @media print, screen and (max-width: 480px) { 575 | body { 576 | padding:15px; 577 | } 578 | 579 | header ul { 580 | display:none; 581 | } 582 | } 583 | 584 | @media print { 585 | body { 586 | padding:0.4in; 587 | font-size:12pt; 588 | color:#444; 589 | } 590 | } 591 | -------------------------------------------------------------------------------- /templates/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |

Sometimes, you may lost yourself.

8 | ←Go Home 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /templates/base.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | {{ config.title }} 7 | 8 | 9 | {% if config.extra.favicon %} 10 | 11 | {% endif %} 12 | 13 | 14 | 15 | 16 | {% if page.extra.latex %} 17 | 18 | 19 | 20 | 33 | {% endif %} 34 | 35 | 36 | 37 | 38 | {% block content %} {% endblock %} 39 | 40 | 41 | -------------------------------------------------------------------------------- /templates/index.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | {% block content %} 3 | 4 |
5 |
6 |

{{ config.title }}

7 | 8 |

{{ config.description }}

9 | 10 |
11 | {%- if config.extra.douban -%} 12 | douban 13 | {%- endif -%} 14 | {%- if config.extra.github -%} 15 | github 16 | {%- endif -%} 17 | {%- if config.extra.mastodon -%} 18 | mastodon 19 | {%- endif -%} 20 | {%- if config.extra.mail -%} 21 | mail 22 | {%- endif -%} 23 | {%- if config.generate_feed -%} 24 | RSS 25 | {%- endif -%} 26 | 27 |
28 | 29 |
30 | 31 |
32 | {% for page in section.pages %} 33 | {{ page.date | date(format="%Y-%m-%d") }}
34 | {{ page.title }}
35 |
36 | {% endfor %} 37 | 38 |
39 |
40 | 41 | {% endblock content %} 42 | -------------------------------------------------------------------------------- /templates/page.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | {% block content %} 3 |
4 | ← Home 5 |

{{ page.title }}

6 | {{ page.content | safe }} 7 |
8 | {% endblock content %} 9 | -------------------------------------------------------------------------------- /theme.toml: -------------------------------------------------------------------------------- 1 | name = "Ciao!" 2 | description = "A beautiful and least dependency blog theme" 3 | license = "MPL 2.0" 4 | homepage = "https://github.com/Tsai002/nodep" 5 | # The minimum version of Zola required 6 | min_version = "0.4.0" 7 | # An optional live demo URL 8 | demo = "https://tsai002.github.io/" 9 | 10 | # Any variable there can be overridden in the end user `config.toml` 11 | # You don't need to prefix variables by the theme name but as this will 12 | # be merged with user data, some kind of prefix or nesting is preferable 13 | # Use snake_casing to be consistent with the rest of Zola 14 | [extra] 15 | 16 | # The theme author info: you! 17 | [author] 18 | name = "Tsai002" 19 | homepage = "https://tsai002.github.io/" 20 | 21 | # If this is porting a theme from another static site engine, provide 22 | # the info of the original author here 23 | [original] 24 | author = "Nicole White" 25 | homepage = "https://github.com/nicolewhite" 26 | repo = "https://github.com/nicolewhite/nicolewhite.github.io_old" --------------------------------------------------------------------------------