├── LICENSE ├── README.md ├── eloquent.css ├── fonts ├── IBMPlex.ttf ├── Lato.ttf └── LibreBaskerville.ttf └── thumbnail.png /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Jianmin Chen 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 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Eloquent 2 | 3 | ## About 4 | Eloquent is a Typora theme designed for writing technical books. It's minimal and easy to use! 5 | 6 | ![Thumbnail](thumbnail.png) 7 | 8 | Eloquent was created and tested on Linux, but it hasn't been tested in macOS or Windows yet. 9 | 10 | ## Installation 11 | Install Typora on your operating system using the instructions [here](https://typora.io/), and then download the latest release of this theme [here](https://github.com/jianmin-chen/eloquent/releases), which should be a ZIP file named as `eloquent.zip`. Extract this folder to Typora's theme folder, which can be found by opening Typora and going to File > Preferences > Appearance. Once you have the ZIP extracted, simply go into the folder containing the theme(i.e, `eloquent`), and pull out `eloquent.css` into the parent directory. Open Typora again, and you should be able to change the theme to Eloquent. 12 | 13 | ## Usage 14 | Once you have the theme running, simply start writing in Markdown! A good starter guide to Markdown can be found [here](https://guides.github.com/features/mastering-markdown/). 15 | 16 | ## Contributing 17 | Bug reports and pull requests are welcome on GitHub at [https://github.com/jianmin-chen/eloquent](https://github.com/jianmin-chen/eloquent). This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct. 18 | 19 | ## License 20 | The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT). 21 | -------------------------------------------------------------------------------- /eloquent.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: "IBM Plex"; 3 | font-style: normal; 4 | font-weight: normal; 5 | src: local("IBM Plex"), url("./eloquent/fonts/IBMPlex.ttf") format("truetype"); 6 | } 7 | 8 | @font-face { 9 | font-family: "Libre Baskerville"; 10 | font-style: normal; 11 | font-weight: normal; 12 | src: local("Libre Baskerville"), url("./eloquent/fonts/LibreBaskerville.ttf") format("truetype"); 13 | } 14 | 15 | @font-face { 16 | font-family: "Lato"; 17 | font-style: normal; 18 | font-weight: normal; 19 | src: local("Lato"), url("./eloquent/fonts/Lato.ttf") format("truetype"); 20 | } 21 | 22 | :root { 23 | --primary-color: #404040; 24 | --monospace-font: "IBM Plex", monospace; 25 | } 26 | 27 | * { 28 | -webkit-box-sizing: border-box; 29 | box-sizing: border-box; 30 | } 31 | 32 | body, html { 33 | font: normal 1rem sans-serif; 34 | font-smoothing: antialiased; 35 | } 36 | 37 | /* 38 | * Editor 39 | */ 40 | #write, #typora-source { 41 | font: normal 0.9rem "Libre Baskerville", serif; 42 | line-height: 1.6; 43 | word-wrap: break-word; 44 | } 45 | 46 | #write { 47 | max-width: 50em; 48 | } 49 | 50 | a { 51 | color: #0d6efd; 52 | } 53 | 54 | blockquote { 55 | font-size: 1.2rem; 56 | } 57 | 58 | h1, h2, h3, h4, h5, h6 { 59 | color: var(--primary-color); 60 | font-family: "Lato", sans-serif; 61 | text-transform: uppercase; 62 | } 63 | 64 | h1 { 65 | border-bottom: 1px solid var(--primary-color); 66 | padding: 5px 0; 67 | text-align: center; 68 | } 69 | 70 | h2::before { 71 | border-top: 5px solid var(--primary-color); 72 | content: ""; 73 | display: block; 74 | margin-top: 25px; 75 | width: 50px; 76 | height: 30px; 77 | } 78 | 79 | img { 80 | margin: 5px auto; 81 | max-width: 100%; 82 | } 83 | 84 | table { 85 | padding: 0; 86 | word-break: initial; 87 | } 88 | 89 | table tr { 90 | border: 1px solid #dfe2e5; 91 | margin: 0; 92 | padding: 0; 93 | } 94 | 95 | table tr:nth-child(2n), thead { 96 | background-color: #f8f8f8; 97 | } 98 | 99 | table th { 100 | font-weight: normal !important; 101 | font-style: italic; 102 | border: 1px solid #dfe2e5; 103 | border-bottom: 0; 104 | padding: 6px 13px; 105 | } 106 | 107 | table td { 108 | border: 1px solid #dfe2e5; 109 | margin: 0; 110 | padding: 6px 13px; 111 | } 112 | 113 | table th:first-child, table td:first-child { 114 | margin-top: 0; 115 | } 116 | 117 | table th:last-child, table td:last-child { 118 | margin-bottom: 0; 119 | } 120 | 121 | .cm-s-inner, .md-meta-block { 122 | /* 123 | * Code fences 124 | */ 125 | border-top: 1px solid var(--primary-color); 126 | border-bottom: 1px solid var(--primary-color); 127 | font-family: "IBM Plex", monospace; 128 | padding: 15px 0; 129 | } 130 | 131 | .md-meta-block { 132 | /* 133 | * front matter 134 | */ 135 | background-color: white !important; 136 | padding: 15px; 137 | } 138 | 139 | @media only screen and (min-width: 1400px) { 140 | #write { 141 | /* 142 | * Narrow layout 143 | */ 144 | max-width: 914px; 145 | } 146 | } 147 | -------------------------------------------------------------------------------- /fonts/IBMPlex.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jianmin-chen/eloquent/300f95995b9c5d614fe063b53db22bb3f1b1c03f/fonts/IBMPlex.ttf -------------------------------------------------------------------------------- /fonts/Lato.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jianmin-chen/eloquent/300f95995b9c5d614fe063b53db22bb3f1b1c03f/fonts/Lato.ttf -------------------------------------------------------------------------------- /fonts/LibreBaskerville.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jianmin-chen/eloquent/300f95995b9c5d614fe063b53db22bb3f1b1c03f/fonts/LibreBaskerville.ttf -------------------------------------------------------------------------------- /thumbnail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jianmin-chen/eloquent/300f95995b9c5d614fe063b53db22bb3f1b1c03f/thumbnail.png --------------------------------------------------------------------------------