reiver
/
nameh-css
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

initial commits

master
Charles Iliya Krempeaux 2023-12-02 09:57:37 -08:00
parent 6ea728827a
commit 8ae84b6cc7
2 changed files with 108 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
nameh.css 100644
View File

@ -0,0 +1,47 @@
/*
Copyright (c) 2023 Charles Iliya Krempeaux :: http://changelog.ca/
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
/*
nameh-css was created by Charles Iliya Krempeaux
"nameh" is an old Persian word for 'book'.
One somewhat known usage of the word "nameh" in English is the 'shahnameh' — literally "shah" + "nameh" = 'king' + 'book', or book of kings.
*/
main {
column-width: 100vw;
column-count: auto;
column-gap: 5rem;
overflow-x: auto;
height: calc(100vh - 3rem);
padding: 0 3rem;
}
main {
text-align: justify;
}
main {
font-size: 12pt;
line-height: 1.5;
}

61
test.html 100644
View File

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test of nameh-css</title>
<link rel="stylesheet" href="nameh.css" />
</head>
<body>
<main>
<h1>This is Title</h1>
<p>
Lorem ipsum dolor sit amet, ne vocibus adipisci mei, sea ex legendos patrioque constituto, no nam tale deserunt. Duis audire electram qui id. Nec regione habemus efficiendi in, ei vis wisi labore molestiae. Diam putant iracundia ex est. Te eos nostrud utroque facilisis, pri in timeam electram dignissim. Eam consul intellegebat ut, eius eripuit vix ei.
</p>
<p>
<strong>This should look and function like an e-book.</strong>
</p>
<p>
Unum quidam molestiae ne duo, eum in viris vivendum reprehendunt, mutat docendi per no. Qui purto exerci debitis ad, ius omnes doming lucilius no. Qui viris fierent fabellas eu. Eam ut summo dolor, eu choro dicam ius. Eam an justo habemus facilisis.
</p>
<p>
<strong>Swipe right!</strong>
</p>
<p>
Ei stet viderer his. Ne dolor ornatus fastidii cum, has regione inimicus interesset ne. Qui graeci nonumes concludaturque ut, ne vivendo invenire pericula eos. Ei vix oblique voluptaria. No rebum vulputate est.
</p>
<p>
Amet tamquam docendi ut eos, est id quod mutat intellegam. Ne pri atqui velit. Has te dolore albucius imperdiet. Graeco semper intellegat sed ei, at veri nonumy deterruisset pri. Atomorum pertinacia te est, sint sapientem concludaturque sed ei, mucius intellegebat eam ei. Cu nec hinc partem deleniti.
</p>
<p>
Essent eligendi hendrerit usu ei. Ut sit adhuc impedit necessitatibus. Mea nonumy volutpat ea, cum ad quod facilisis philosophia. An qui nusquam definiebas, vim eros iuvaret intellegam id.
</p>
<p>
Lorem ipsum is a pseudo-Latin text used in web design, typography, layout, and printing in place of English to emphasise design elements over content. It's also called placeholder (or filler) text. It's a convenient tool for mock-ups. It helps to outline the visual elements of a document or presentation, eg typography, font, or layout. Lorem ipsum is mostly a part of a Latin text by the classical author and philosopher Cicero. Its words and letters have been changed by addition or removal, so to deliberately render its content nonsensical; it's not genuine, correct, or comprehensible Latin anymore. While lorem ipsum's still resembles classical Latin, it actually has no meaning whatsoever. As Cicero's text doesn't contain the letters K, W, or Z, alien to latin, these, and others are often inserted randomly to mimic the typographic appearence of European languages, as are digraphs not to be found in the original.
</p>
<p>
<q>Yesterday I was clever, so I wanted to change the world. Today I am wise, so I am changing myself.</q>
⸺
Rumi
</p>
<p>
Cicero famously orated against his political opponent Lucius Sergius Catilina. Occasionally the first Oration against Catiline is taken for type specimens: Quo usque tandem abutere, Catilina, patientia nostra? Quam diu etiam furor iste tuus nos eludet? (How long, O Catiline, will you abuse our patience? And for how long will that madness of yours mock us?)
</p>
<p>
<q>Stop acting so small. You are the universe in ecstatic motion.</q>
⸺
Rumi
</p>
<p>
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?
</p>
<p>
<q>If you are irritated by every rub, how will your mirror be polished?</q>
⸺
Rumi
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</main>
</body>
</html>