ayham
/
tilde
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

new layout for website

This commit is contained in:
ayham 2021-12-30 05:48:01 +03:00
parent 386eb6d03b
commit b00349e388
Signed by: ayham
GPG Key ID: EAB7F5A9DF503678
32 changed files with 554 additions and 425 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
articles/a-minimal-linux-display-manager.md
View File

@ -57,3 +57,5 @@ That's it! For adding extra entries:
- adding the extra option to the 'cases' clause appropriately.
Enjoy!
;Tags: LINUX GUIDE

7
blog/@ANDROID.html
View File

@ -14,9 +14,9 @@
<center>
<h1 style=font-size:xxx-large>Articles</h1>
</center>
<div id=partial_header></div>
<main>
<div id=partial_header></div>
<div class=content>
<li><a href="hardening-the-one-macro.html">2021/11/30 Hardening the Moto One Macro</a></li></ul>
<center>
Unique Users:
@ -25,7 +25,8 @@
alt="Hit Counter by Digits" border="0" />
</a>
</center>
</main>
</div>
<div align=center id=partial_footer></div>
</main>
</body>
</html>

9
blog/@GUIDE.html
View File

@ -14,10 +14,10 @@
<center>
<h1 style=font-size:xxx-large>Articles</h1>
</center>
<div id=partial_header></div>
<main>
<li><a href="true-full-disk-encryption.html">2021/12/10 True Full Disk Encryption On Linux</a></li><li><a href="hardening-the-one-macro.html">2021/11/30 Hardening the Moto One Macro</a></li><li><a href="blogit-to-blog-it.html">2021/11/26 blogit: A Complete Guide</a></li></ul>
<div id=partial_header></div>
<div class=content>
<li><a href="a-minimal-linux-display-manager.html">2021/12/28 A Minimal Linux Display Manager</a></li><li><a href="true-full-disk-encryption.html">2021/12/10 True Full Disk Encryption On Linux</a></li><li><a href="hardening-the-one-macro.html">2021/11/30 Hardening the Moto One Macro</a></li><li><a href="blogit-to-blog-it.html">2021/11/26 blogit: A Complete Guide</a></li></ul>
<center>
Unique Users:
<a href="https://www.digits.net" target="_blank" rel="noopener">
@ -25,7 +25,8 @@
alt="Hit Counter by Digits" border="0" />
</a>
</center>
</main>
</div>
<div align=center id=partial_footer></div>
</main>
</body>
</html>

9
blog/@LINUX.html
View File

@ -14,10 +14,10 @@
<center>
<h1 style=font-size:xxx-large>Articles</h1>
</center>
<div id=partial_header></div>
<main>
<li><a href="true-full-disk-encryption.html">2021/12/10 True Full Disk Encryption On Linux</a></li></ul>
<div id=partial_header></div>
<div class=content>
<li><a href="a-minimal-linux-display-manager.html">2021/12/28 A Minimal Linux Display Manager</a></li><li><a href="true-full-disk-encryption.html">2021/12/10 True Full Disk Encryption On Linux</a></li></ul>
<center>
Unique Users:
<a href="https://www.digits.net" target="_blank" rel="noopener">
@ -25,7 +25,8 @@
alt="Hit Counter by Digits" border="0" />
</a>
</center>
</main>
</div>
<div align=center id=partial_footer></div>
</main>
</body>
</html>

7
blog/@SECURITY.html
View File

@ -14,9 +14,9 @@
<center>
<h1 style=font-size:xxx-large>Articles</h1>
</center>
<div id=partial_header></div>
<main>
<div id=partial_header></div>
<div class=content>
<li><a href="true-full-disk-encryption.html">2021/12/10 True Full Disk Encryption On Linux</a></li><li><a href="hardening-the-one-macro.html">2021/11/30 Hardening the Moto One Macro</a></li></ul>
<center>
Unique Users:
@ -25,7 +25,8 @@
alt="Hit Counter by Digits" border="0" />
</a>
</center>
</main>
</div>
<div align=center id=partial_footer></div>
</main>
</body>
</html>

7
blog/@UPDATE.html
View File

@ -14,9 +14,9 @@
<center>
<h1 style=font-size:xxx-large>Articles</h1>
</center>
<div id=partial_header></div>
<main>
<div id=partial_header></div>
<div class=content>
<li><a href="install-ayhamxyz-pwa.html">2021/12/17 My site is Now Installable as a Web App!</a></li><li><a href="first-article.html">2021/10/01 The Beginning of a series!</a></li></ul>
<center>
Unique Users:
@ -25,7 +25,8 @@
alt="Hit Counter by Digits" border="0" />
</a>
</center>
</main>
</div>
<div align=center id=partial_footer></div>
</main>
</body>
</html>

7
blog/@WEBSITE.html
View File

@ -14,9 +14,9 @@
<center>
<h1 style=font-size:xxx-large>Articles</h1>
</center>
<div id=partial_header></div>
<main>
<div id=partial_header></div>
<div class=content>
<li><a href="blogit-to-blog-it.html">2021/11/26 blogit: A Complete Guide</a></li></ul>
<center>
Unique Users:
@ -25,7 +25,8 @@
alt="Hit Counter by Digits" border="0" />
</a>
</center>
</main>
</div>
<div align=center id=partial_footer></div>
</main>
</body>
</html>

6
blog/a-minimal-linux-display-manager.html
View File

@ -14,8 +14,9 @@
<center>
<h1 style=font-size:xxx-large>A Minimal Linux Display Manager</h1>
</center>
<div id=partial_header></div>
<main>
<div id=partial_header></div>
<div class=content>
<p>There is this itch that tiling window manager users feel. Whether it is caused
by surfing the world of reddit or the want for change, it might be useful to
have a way to easily switch between window managers. This article shows how to
@ -83,7 +84,8 @@ done
alt="Hit Counter by Digits" border="0" />
</a>
</center>
</main>
</div>
<div align=center id=partial_footer></div>
</main>
</body>
</html>

4
blog/atom.xml
View File

@ -2,7 +2,7 @@
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
<title type="text">ayham's blog</title>
<subtitle type="text">probably interesting stuff</subtitle>
<updated>2021-12-29T20:13:48Z</updated>
<updated>2021-12-29T21:45:46Z</updated>
<link rel="alternate" type="text/html" href="articles.ayham.xyz"/>
<id>articles.ayham.xyz/atom.xml</id>
<link rel="self" type="application/atom+xml" href="articles.ayham.xyz/atom.xml"/>
@ -11,7 +11,7 @@
<link rel="alternate" type="text/html" href="articles.ayham.xyz/a-minimal-linux-display-manager.html"/>
<id>articles.ayham.xyz/a-minimal-linux-display-manager.html</id>
<published>2021-12-28T20:45:00Z</published>
<updated>2021-12-28T20:45:00Z</updated>
<updated>2021-12-29T20:14:13Z</updated>
<author><name>ayham</name></author>
<summary type="text">There is this itch that tiling window manager users feel. Whether it is caused
by surfing the world of reddit or the want for change, it might be useful to

6
blog/blogit-to-blog-it.html
View File

@ -14,8 +14,9 @@
<center>
<h1 style=font-size:xxx-large>blogit: A Complete Guide</h1>
</center>
<div id=partial_header></div>
<main>
<div id=partial_header></div>
<div class=content>
<p>Running a personal website should be an easy task. Unfortunately, a big
hindrance is that there aren&rsquo;t many &ldquo;suckless&rdquo; blogging system.
<a href="https://pedantic.software/git/blogit">blogit</a> is the closest in terms of
@ -200,7 +201,8 @@ Want to contact me? <a href="https://contact.ayham.xyz">Here.</a></p>
alt="Hit Counter by Digits" border="0" />
</a>
</center>
</main>
</div>
<div align=center id=partial_footer></div>
</main>
</body>
</html>

6
blog/first-article.html
View File

@ -14,8 +14,9 @@
<center>
<h1 style=font-size:xxx-large>The Beginning of a series!</h1>
</center>
<div id=partial_header></div>
<main>
<div id=partial_header></div>
<div class=content>
<p>This would be the beginning of my all-new article series. I would be writing
about software I make and use, with the occasional school essay turned article.</p>
@ -27,7 +28,8 @@ about software I make and use, with the occasional school essay turned article.<
alt="Hit Counter by Digits" border="0" />
</a>
</center>
</main>
</div>
<div align=center id=partial_footer></div>
</main>
</body>
</html>

6
blog/hardening-the-one-macro.html
View File

@ -14,8 +14,9 @@
<center>
<h1 style=font-size:xxx-large>Hardening the Moto One Macro</h1>
</center>
<div id=partial_header></div>
<main>
<div id=partial_header></div>
<div class=content>
<p>The Motorola One Macro is a mid-range phone, with decent &ldquo;openness&rdquo; which allows
basic hardening modification. The phone has the follow specifications:</p>
@ -224,7 +225,8 @@ I encourage you to flash your Moto One Macro with a treble FOSS build.</p>
alt="Hit Counter by Digits" border="0" />
</a>
</center>
</main>
</div>
<div align=center id=partial_footer></div>
</main>
</body>
</html>

7
blog/index.html
View File

@ -14,9 +14,9 @@
<center>
<h1 style=font-size:xxx-large>Articles</h1>
</center>
<div id=partial_header></div>
<main>
<div id=partial_header></div>
<div class=content>
<p>Tags:<a href="@ANDROID.html">ANDROID</a>, <a href="@GUIDE.html">GUIDE</a>, <a href="@LINUX.html">LINUX</a>, <a href="@SECURITY.html">SECURITY</a>, <a href="@UPDATE.html">UPDATE</a>, <a href="@WEBSITE.html">WEBSITE</a></p><li><a href="a-minimal-linux-display-manager.html">2021/12/28 A Minimal Linux Display Manager</a></li><li><a href="install-ayhamxyz-pwa.html">2021/12/17 My site is Now Installable as a Web App!</a></li><li><a href="true-full-disk-encryption.html">2021/12/10 True Full Disk Encryption On Linux</a></li><li><a href="hardening-the-one-macro.html">2021/11/30 Hardening the Moto One Macro</a></li><li><a href="blogit-to-blog-it.html">2021/11/26 blogit: A Complete Guide</a></li><li><a href="first-article.html">2021/10/01 The Beginning of a series!</a></li></ul>
<center>
@ -26,7 +26,8 @@
alt="Hit Counter by Digits" border="0" />
</a>
</center>
</main>
</div>
<div align=center id=partial_footer></div>
</main>
</body>
</html>

6
blog/install-ayhamxyz-pwa.html
View File

@ -14,8 +14,9 @@
<center>
<h1 style=font-size:xxx-large>My site is Now Installable as a Web App!</h1>
</center>
<div id=partial_header></div>
<main>
<div id=partial_header></div>
<div class=content>
<p>Recently, I have updated my site to offer a Web App option for viewing. You can
install PWA Web Apps on chromium-based browsers, by first accessing
<a href="https://ayham.xyz">ayham.xyz</a> and then click on the install prompt button on the far-right
@ -29,7 +30,8 @@ edge of the URL bar.</p>
alt="Hit Counter by Digits" border="0" />
</a>
</center>
</main>
</div>
<div align=center id=partial_footer></div>
</main>
</body>
</html>

37
blog/partials/header.htm
View File

@ -1,49 +1,66 @@
<!DOCTYPE html>
<html>
<body>
<header id=partial_header>
<header id=partial_header
style=position:sticky;display:content;overflow:hidden>
<nav>
<ul>
<li>
<a href="https://ayham.xyz">
🏠 Home
<nobr>
<a class="viewer" href="https://ayham.xyz">🏠
<i class="hidden">Home</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://store.ayham.xyz">
🏪 Store
🏪 <i class="hidden">Store</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://tildegit.org/ayham">
<img width=32 height=32 src="https://ayham.xyz/pix/git.svg" alt="git logo">
Git
<i class="hidden">Git</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://ayham.xyz/proj.htm">
⚙️ Projects
⚙️ <i class="hidden">Projects</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://ayham.xyz/blog/index.html">
📜 Articles
📜 <i class="hidden">Articles</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://ayham.xyz/setup.htm">
🖥 Setup
💻 <i class="hidden">Setup</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://ayham.xyz/books.htm">
📚 Library
📚 <i class="hidden">Library</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://ayham.xyz/contact.htm">
📧 Contact
📧 <i class="hidden">Contact</i>
</a>
</nobr>
</li>
</ul>
</nav>

53
blog/style.css
View File

@ -1,5 +1,5 @@
:root {
--genwidth: 850px ;
--genwidth: 40em;
--navwidth: 175px ;
--fg: #ddd ;
--altfg: #ccc ;
@ -22,7 +22,7 @@ body {
body h1 {
color: var(--fg);
}
main {
.content {
margin: auto;
color: var(--fg);
background: var(--bg);
@ -30,15 +30,28 @@ main {
border: dashed 1px var(--bordercolor);
border-radius: 5px;
}
main {
padding: 1em;
padding-top: 0;
display: block;
overflow:hidden;
margin:auto;
}
#partial_header {
float:right;
display:block;
}
nav,footer {
text-align: center ;
font-variant: small-caps ;
clear: both ;
background: var(--altbg) ;
border-radius: 5px ;
margin: auto ;
border: dashed 1px var(--bordercolor) ;
max-width: var(--genwidth) ;
max-width: var(--genwidth);
}
nav {
margin-left: 5px;
}
footer {
color: var(--altfg) ;
@ -49,12 +62,28 @@ nav,header {
max-width: var(--genwidth) ;
}
nav li,footer li {
display: inline-block ;
transition:all 1s ease-in-out;
display: block ;
list-style: none ;
background: var(--bg) ;
border-radius: 10px ;
padding: .5em ;
max-width: 7em ;
}
nav {
width: 4em;
}
.hidden {
display: none;
}
nav ul li:hover .hidden {
display: inline-block;
}
nav ul li:hover {
margin-right: -5em;
}
nav ul {
align-items: flex-start;
display: flex-container;
}
nav ul, footer ul, #taglist {
@ -131,20 +160,10 @@ td {
nav {
float: left ;
vertical-align: middle ;
width: 175px ;
position: fixed ;
text-align: left ;
font-size: large ;
}
nav::before {
content: "Links" ;
text-align: center ;
display: block ;
font-size: large ;
color: violet ;
text-decoration: underline ;
margin-top: .5em ;
}
nav li {
display: block ;
text-align: center ;
@ -177,7 +196,7 @@ ul.images li img {
padding: 2.5px;
}
@media (min-width: 55em) {
@media (min-width: 40em) {
.resright, .disappear {
display: block ;
float: right;

6
blog/true-full-disk-encryption.html
View File

@ -14,8 +14,9 @@
<center>
<h1 style=font-size:xxx-large>True Full Disk Encryption On Linux</h1>
</center>
<div id=partial_header></div>
<main>
<div id=partial_header></div>
<div class=content>
<p>My friends laugh at me when they are told that I have to put in 4 passwords
with ~18 characters each to login into my computer. I laugh back at them,
wishing them enjoyment with Ads in the start-menu.</p>
@ -168,7 +169,8 @@ converting all of your machines!</p>
alt="Hit Counter by Digits" border="0" />
</a>
</center>
</main>
</div>
<div align=center id=partial_footer></div>
</main>
</body>
</html>

92
books.htm
View File

@ -5,60 +5,56 @@
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" type="image/jpg" href="pix/pfp.ico"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script
src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"
type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#partial_header").load("partials/header.htm");
$("#partial_footer").load("partials/footer.htm"); });
</script>
<script type="text/javascript" src="js/partials.js" async></script>
</head>
<body>
<center>
<h1 style=font-size:xxx-large>Books</h1>
</center>
<div id=partial_header></div>
<main>
<p>List of books I read, not a recommendation list.</p>
<ul>
<li><a
href="https://www.amazon.com/Dr-Faustus-Dover-Thrift-Editions/dp/0486282082/ref=sr_1_1?keywords=Dr+faustus&qid=1639966794&sr=8-1">Christopher
Marlowe - Dr. Faustus</a></li>
<li><a href="https://www.amazon.com/Winter-Our-Discontent-Penguin-Classics-ebook/dp/B001DUGOWY/ref=tmm_kin_swatch_0?_encoding=UTF8&qid=1635793939&sr=8-1">John
Steinback - The Winter of Our Discontent</a></li>
<li><a href="https://www.amazon.com/Mice-Men-John-Steinbeck/dp/0140177396/ref=sr_1_1?dchild=1&keywords=of+mice+and+men&qid=1632044039&sr=8-1">John Steinback - Of Mice and Men</a></li>
<li><a href="https://www.amazon.com/Politically-Incorrect-Guide-Capitalism/dp/1596985046/ref=sr_1_1?dchild=1&keywords=the+politically+incorrect+guide+to+capitalism&qid=1631956896&sr=8-1">Ph.d. Robert P. Murphy - The Politically Incorrect Guide to Capitalism</a></li>
<li><a href="https://www.amazon.com/Animal-Farm-George-Orwell/dp/0451526341/ref=sr_1_1?dchild=1&keywords=george+orwell+animal+farm&qid=1631951511&sr=8-1">George Orwell - Animal Farm</a></li>
<li><a href="https://www.amazon.com/Skin-in-Game-audiobook/dp/B077BSK9LC/ref=sr_1_1?dchild=1&keywords=nassim+taleb+skin+in+the+game&qid=1631951583&sr=8-1">Nassim Nicholas Taleb - Skin in the Game</a></li>
<li><a href="https://www.amazon.com/Mystery-Consciousness-John-R-Searle/dp/0940322064/ref=sr_1_1?dchild=1&keywords=John+R.+Searle+-+The+Mystery+of+Consciousness&qid=1631951639&s=audible&sr=1-1">John R. Searle - The Mystery of Consciousness</a></li>
<li><a href="https://www.amazon.com/Dumbest-Generation-Stupefies-Americans-Jeopardizes/dp/1585427128/ref=sr_1_1?dchild=1&keywords=Mark+Bauerlein+-+The+Dumbest+Generation&qid=1631951709&sr=8-1">Mark Bauerlein - The Dumbest Generation</a></li>
<li><a href="https://www.amazon.com/Accidental-Theorist-Dispatches-Dismal-Science/dp/0393318877/ref=sr_1_1?dchild=1&keywords=Paul+Krugman+-+The+Accidental+Theorist+and+Other+Dispatches+From+the+Dismal+Science&qid=1631951747&sr=8-1">Paul Krugman - The Accidental Theorist and Other Dispatches From the Dismal Science</a></li>
<li><a href="https://www.amazon.com/1984-Signet-Classics-George-Orwell/dp/0451524934/ref=sr_1_1?dchild=1&keywords=George+Orwell+-+1984&qid=1631951770&sr=8-1">George Orwell - 1984</a></li>
<li><a href="https://www.amazon.com/First-Little-Book-Intersectional-Activism-ebook/dp/B083158WFX/ref=sr_1_1?dchild=1&keywords=Titania+McGrath+-+My+First+Little+Book+of+Intersectional+Activism&qid=1631951804&sr=8-1">Titania McGrath - My First Little Book of Intersectional Activism</a></li>
<li><a href="https://www.amazon.com/Woke-Social-Justice-Titania-McGrath-ebook/dp/B07PLN1L8G/ref=sr_1_1?dchild=1&keywords=Titania+McGrath+-+Woke%3A+A+Guide+to+Social+Justice&qid=1631951830&sr=8-1">Titania McGrath - Woke: A Guide to Social Justice</a></li>
<li><a href="https://www.amazon.com/Fahrenheit-451-Ray-Bradbury/dp/1451673310/ref=sr_1_1?dchild=1&keywords=Ray+Bradbury+-+Fahrenheit+451&qid=1631951845&sr=8-1">Ray Bradbury - Fahrenheit 451</a></li>
<li><a href="https://www.amazon.com/Mans-Search-Meaning-Revised-updated/dp/0671646702/ref=sr_1_1?dchild=1&keywords=Viktor+Emil+Frankl+-+Man%27s+Search+for+Meaning&qid=1631951880&sr=8-1">Viktor Emil Frankl - Man's Search for Meaning</a></li>
<li><a href="https://www.amazon.com/Future-War-Preparing-Global-Battlefield/dp/1101947608/ref=sr_1_1?dchild=1&keywords=Robert+H.+Latiff+-+Future+War%3A+Preparing+for+the+New+Global+Battlefield&qid=1631951928&sr=8-1">Robert H. Latiff - Future War: Preparing for the New Global Battlefield</a></li>
<li><a href="https://www.amazon.com/Free-Speech-Matters-Andrew-Doyle-ebook/dp/B08P1JW2W5/ref=sr_1_1?dchild=1&keywords=Andrew+Doyle+-+Free+Speech+and+Why+It+Matters&qid=1631951952&sr=8-1">Andrew Doyle - Free Speech and Why It Matters</a></li>
<li><a href="https://www.amazon.com/Coddling-of-American-Mind-audiobook/dp/B079P7PDWB/ref=sr_1_1?dchild=1&keywords=Greg+Lukianoff%2C+Jonathan+Haidt+-+The+Coddling+of+the+American+Mind&qid=1631951974&sr=8-1">Greg Lukianoff, Jonathan Haidt - The Coddling of the American Mind</a></li>
<li><a href="https://www.amazon.com/Republic-Hackett-Classics-Plato/dp/0872201368/ref=sr_1_1?dchild=1&keywords=Plato+-+Republic&qid=1631952018&sr=8-1">Plato - Republic</a></li>
<li><a href="https://www.amazon.com/Beyond-Freedom-Dignity-Hackett-Classics/dp/0872206270/ref=sr_1_1?dchild=1&keywords=B.F.+Skinner+-+Beyond+Freedom+and+Dignity&qid=1631952045&sr=8-1">B.F. Skinner - Beyond Freedom and Dignity</a></li>
<li><a href="https://www.amazon.com/Myth-Rational-Voter-Democracies-Policies/dp/0691138737/ref=sr_1_1?dchild=1&keywords=Bryan+Caplan+-+The+Myth+of+the+Rational+Voter&qid=1631952139&sr=8-1">Bryan Caplan - The Myth of the Rational Voter</a></li>
<li><a href="https://www.amazon.com/Crime-Punishment-Wordsworth-Classics-Dostoevsky/dp/1840224304/ref=pd_vtp_6/147-4768544-2493866?pd_rd_w=b78Hm&pf_rd_p=016e3697-91be-4dc2-9533-ef9350e7e73d&pf_rd_r=0KMJRJBSYRV46XGP320D&pd_rd_r=ca858268-6089-4efe-a915-6591b97f6cbf&pd_rd_wg=6gYpk&pd_rd_i=1840224304&psc=1">Fyodor Dystovysky - Crime and Punishment</a></li>
<li><a href="https://www.amazon.com/Explaining-Postmodernism-Expanded-Skepticism-Socialism/dp/B07JVJC55G/ref=sr_1_1?dchild=1&keywords=Stephen+R.C.+Hicks+-+Explaining+Post-Modernism&qid=1631952202&s=books&sr=1-1">Stephen R.C. Hicks - Explaining Post-Modernism</a></li>
<li><a href="https://www.amazon.com/12-Rules-for-Life-audiobook/dp/B0797Y87JC/ref=sr_1_1?dchild=1&keywords=Jordan+B.+Peterson+-+12+Rules+For+Life&qid=1631952227&s=audible&sr=1-1">Jordan B. Peterson - 12 Rules For Life</a></li>
<li><a href="https://www.amazon.com/Arguments-Deleting-Social-Media-Accounts/dp/B07CX579TC/ref=sr_1_1?dchild=1&keywords=Jaron+Lanier+-+Ten+Arguments+For+Deleting+Your+Social+Media+Accounts+Right+Now&qid=1631952257&s=audible&sr=1-1">Jaron Lanier - Ten Arguments For Deleting Your Social Media Accounts Right Now</a></li>
<li><a href="https://www.amazon.com/The-Economics-Book-DK-audiobook/dp/B07KGH22LL/ref=sr_1_1?dchild=1&keywords=DK+-+The+Economics+Books&qid=1631952287&s=audible&sr=1-1">DK - The Economics Books</a></li>
<li><a href="https://www.amazon.com/The-Sublime-Object-of-Ideology/dp/B08T25Q611/ref=sr_1_1?dchild=1&keywords=Slavoj+Zizek+-+The+Sublime+Object+of+Ideology&qid=1631952309&s=audible&sr=1-1">Slavoj Zizek - The Sublime Object of Ideology</a></li>
<li><a href="https://www.amazon.com/The-Godfather-audiobook/dp/B007JSDY7W/ref=sr_1_1?dchild=1&keywords=Mario+Puzo+-+The+Godfather&qid=1631952345&s=audible&sr=1-1">Mario Puzo - The Godfather</a></li>
<li><a href="https://www.amazon.com/End-Gender-Debunking-Identity-Society/dp/B086LJXLZN/ref=sr_1_1?dchild=1&keywords=Debra+Soh+-+The+End+of+Gender%3A+Debunking+the+Myths+About+Sex+and+Identity+in+Our+Society&qid=1631952377&s=audible&sr=1-1">Debra Soh - The End of Gender: Debunking the Myths About Sex and Identity in Our Society</a></li>
</ul>
<h4>Any recommendations?</h4>
<p>If you have any books you would like to recommend,
contact me <a href="https://contact.ayham.xyz">here</a>.</br>
(P.S. "red-pilled" books are especially welcomed).</p>
<div id=partial_header></div>
<div class=content>
<p>List of books I read, not a recommendation list.</p>
<ul>
<li><a
href="https://www.amazon.com/Dr-Faustus-Dover-Thrift-Editions/dp/0486282082/ref=sr_1_1?keywords=Dr+faustus&qid=1639966794&sr=8-1">Christopher
Marlowe - Dr. Faustus</a></li>
<li><a href="https://www.amazon.com/Winter-Our-Discontent-Penguin-Classics-ebook/dp/B001DUGOWY/ref=tmm_kin_swatch_0?_encoding=UTF8&qid=1635793939&sr=8-1">John
Steinback - The Winter of Our Discontent</a></li>
<li><a href="https://www.amazon.com/Mice-Men-John-Steinbeck/dp/0140177396/ref=sr_1_1?dchild=1&keywords=of+mice+and+men&qid=1632044039&sr=8-1">John Steinback - Of Mice and Men</a></li>
<li><a href="https://www.amazon.com/Politically-Incorrect-Guide-Capitalism/dp/1596985046/ref=sr_1_1?dchild=1&keywords=the+politically+incorrect+guide+to+capitalism&qid=1631956896&sr=8-1">Ph.d. Robert P. Murphy - The Politically Incorrect Guide to Capitalism</a></li>
<li><a href="https://www.amazon.com/Animal-Farm-George-Orwell/dp/0451526341/ref=sr_1_1?dchild=1&keywords=george+orwell+animal+farm&qid=1631951511&sr=8-1">George Orwell - Animal Farm</a></li>
<li><a href="https://www.amazon.com/Skin-in-Game-audiobook/dp/B077BSK9LC/ref=sr_1_1?dchild=1&keywords=nassim+taleb+skin+in+the+game&qid=1631951583&sr=8-1">Nassim Nicholas Taleb - Skin in the Game</a></li>
<li><a href="https://www.amazon.com/Mystery-Consciousness-John-R-Searle/dp/0940322064/ref=sr_1_1?dchild=1&keywords=John+R.+Searle+-+The+Mystery+of+Consciousness&qid=1631951639&s=audible&sr=1-1">John R. Searle - The Mystery of Consciousness</a></li>
<li><a href="https://www.amazon.com/Dumbest-Generation-Stupefies-Americans-Jeopardizes/dp/1585427128/ref=sr_1_1?dchild=1&keywords=Mark+Bauerlein+-+The+Dumbest+Generation&qid=1631951709&sr=8-1">Mark Bauerlein - The Dumbest Generation</a></li>
<li><a href="https://www.amazon.com/Accidental-Theorist-Dispatches-Dismal-Science/dp/0393318877/ref=sr_1_1?dchild=1&keywords=Paul+Krugman+-+The+Accidental+Theorist+and+Other+Dispatches+From+the+Dismal+Science&qid=1631951747&sr=8-1">Paul Krugman - The Accidental Theorist and Other Dispatches From the Dismal Science</a></li>
<li><a href="https://www.amazon.com/1984-Signet-Classics-George-Orwell/dp/0451524934/ref=sr_1_1?dchild=1&keywords=George+Orwell+-+1984&qid=1631951770&sr=8-1">George Orwell - 1984</a></li>
<li><a href="https://www.amazon.com/First-Little-Book-Intersectional-Activism-ebook/dp/B083158WFX/ref=sr_1_1?dchild=1&keywords=Titania+McGrath+-+My+First+Little+Book+of+Intersectional+Activism&qid=1631951804&sr=8-1">Titania McGrath - My First Little Book of Intersectional Activism</a></li>
<li><a href="https://www.amazon.com/Woke-Social-Justice-Titania-McGrath-ebook/dp/B07PLN1L8G/ref=sr_1_1?dchild=1&keywords=Titania+McGrath+-+Woke%3A+A+Guide+to+Social+Justice&qid=1631951830&sr=8-1">Titania McGrath - Woke: A Guide to Social Justice</a></li>
<li><a href="https://www.amazon.com/Fahrenheit-451-Ray-Bradbury/dp/1451673310/ref=sr_1_1?dchild=1&keywords=Ray+Bradbury+-+Fahrenheit+451&qid=1631951845&sr=8-1">Ray Bradbury - Fahrenheit 451</a></li>
<li><a href="https://www.amazon.com/Mans-Search-Meaning-Revised-updated/dp/0671646702/ref=sr_1_1?dchild=1&keywords=Viktor+Emil+Frankl+-+Man%27s+Search+for+Meaning&qid=1631951880&sr=8-1">Viktor Emil Frankl - Man's Search for Meaning</a></li>
<li><a href="https://www.amazon.com/Future-War-Preparing-Global-Battlefield/dp/1101947608/ref=sr_1_1?dchild=1&keywords=Robert+H.+Latiff+-+Future+War%3A+Preparing+for+the+New+Global+Battlefield&qid=1631951928&sr=8-1">Robert H. Latiff - Future War: Preparing for the New Global Battlefield</a></li>
<li><a href="https://www.amazon.com/Free-Speech-Matters-Andrew-Doyle-ebook/dp/B08P1JW2W5/ref=sr_1_1?dchild=1&keywords=Andrew+Doyle+-+Free+Speech+and+Why+It+Matters&qid=1631951952&sr=8-1">Andrew Doyle - Free Speech and Why It Matters</a></li>
<li><a href="https://www.amazon.com/Coddling-of-American-Mind-audiobook/dp/B079P7PDWB/ref=sr_1_1?dchild=1&keywords=Greg+Lukianoff%2C+Jonathan+Haidt+-+The+Coddling+of+the+American+Mind&qid=1631951974&sr=8-1">Greg Lukianoff, Jonathan Haidt - The Coddling of the American Mind</a></li>
<li><a href="https://www.amazon.com/Republic-Hackett-Classics-Plato/dp/0872201368/ref=sr_1_1?dchild=1&keywords=Plato+-+Republic&qid=1631952018&sr=8-1">Plato - Republic</a></li>
<li><a href="https://www.amazon.com/Beyond-Freedom-Dignity-Hackett-Classics/dp/0872206270/ref=sr_1_1?dchild=1&keywords=B.F.+Skinner+-+Beyond+Freedom+and+Dignity&qid=1631952045&sr=8-1">B.F. Skinner - Beyond Freedom and Dignity</a></li>
<li><a href="https://www.amazon.com/Myth-Rational-Voter-Democracies-Policies/dp/0691138737/ref=sr_1_1?dchild=1&keywords=Bryan+Caplan+-+The+Myth+of+the+Rational+Voter&qid=1631952139&sr=8-1">Bryan Caplan - The Myth of the Rational Voter</a></li>
<li><a href="https://www.amazon.com/Crime-Punishment-Wordsworth-Classics-Dostoevsky/dp/1840224304/ref=pd_vtp_6/147-4768544-2493866?pd_rd_w=b78Hm&pf_rd_p=016e3697-91be-4dc2-9533-ef9350e7e73d&pf_rd_r=0KMJRJBSYRV46XGP320D&pd_rd_r=ca858268-6089-4efe-a915-6591b97f6cbf&pd_rd_wg=6gYpk&pd_rd_i=1840224304&psc=1">Fyodor Dystovysky - Crime and Punishment</a></li>
<li><a href="https://www.amazon.com/Explaining-Postmodernism-Expanded-Skepticism-Socialism/dp/B07JVJC55G/ref=sr_1_1?dchild=1&keywords=Stephen+R.C.+Hicks+-+Explaining+Post-Modernism&qid=1631952202&s=books&sr=1-1">Stephen R.C. Hicks - Explaining Post-Modernism</a></li>
<li><a href="https://www.amazon.com/12-Rules-for-Life-audiobook/dp/B0797Y87JC/ref=sr_1_1?dchild=1&keywords=Jordan+B.+Peterson+-+12+Rules+For+Life&qid=1631952227&s=audible&sr=1-1">Jordan B. Peterson - 12 Rules For Life</a></li>
<li><a href="https://www.amazon.com/Arguments-Deleting-Social-Media-Accounts/dp/B07CX579TC/ref=sr_1_1?dchild=1&keywords=Jaron+Lanier+-+Ten+Arguments+For+Deleting+Your+Social+Media+Accounts+Right+Now&qid=1631952257&s=audible&sr=1-1">Jaron Lanier - Ten Arguments For Deleting Your Social Media Accounts Right Now</a></li>
<li><a href="https://www.amazon.com/The-Economics-Book-DK-audiobook/dp/B07KGH22LL/ref=sr_1_1?dchild=1&keywords=DK+-+The+Economics+Books&qid=1631952287&s=audible&sr=1-1">DK - The Economics Books</a></li>
<li><a href="https://www.amazon.com/The-Sublime-Object-of-Ideology/dp/B08T25Q611/ref=sr_1_1?dchild=1&keywords=Slavoj+Zizek+-+The+Sublime+Object+of+Ideology&qid=1631952309&s=audible&sr=1-1">Slavoj Zizek - The Sublime Object of Ideology</a></li>
<li><a href="https://www.amazon.com/The-Godfather-audiobook/dp/B007JSDY7W/ref=sr_1_1?dchild=1&keywords=Mario+Puzo+-+The+Godfather&qid=1631952345&s=audible&sr=1-1">Mario Puzo - The Godfather</a></li>
<li><a href="https://www.amazon.com/End-Gender-Debunking-Identity-Society/dp/B086LJXLZN/ref=sr_1_1?dchild=1&keywords=Debra+Soh+-+The+End+of+Gender%3A+Debunking+the+Myths+About+Sex+and+Identity+in+Our+Society&qid=1631952377&s=audible&sr=1-1">Debra Soh - The End of Gender: Debunking the Myths About Sex and Identity in Our Society</a></li>
</ul>
<h4>Any recommendations?</h4>
<p>If you have any books you would like to recommend,
contact me <a href="https://contact.ayham.xyz">here</a>.
(P.S. "red-pilled" books are especially welcomed).</p>
</div>
<div id=partial_footer></div>
</main>
<div id=partial_footer></div>
</body>
</html>

42
contact.htm
View File

@ -6,36 +6,34 @@
<link rel="shortcut icon" type="image/jpg" href="pix/pfp.ico"/>
<link rel='alternate' type='application/rss+xml' title='ayham RSS' href='/blog/rss.xml'>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#partial_header").load("partials/header.htm");
$("#partial_footer").load("partials/footer.htm"); });
</script>
<script type="text/javascript" src="js/partials.js" async></script>
</head>
<body>
<center>
<h1 style=font-size:xxx-large>Contact</h1>
</center>
<div id="partial_header"></div>
<main>
<p>I don't own any account on any social media platforms.</p>
<p>My monero wallet is linked with ayham.xyz and my main email.
</br>
<section>
<ul>
<li>Emails (ordered by preference):</li>
<div id="partial_header"></div>
<div class=content>
<p>I don't own any account on any social media platforms.</p>
<p>My monero wallet is linked with ayham.xyz and my main email.
</br>
<section>
<ul>
<li>&lt;ayham [:a+t:] ayham.xyz&gt; (GPG: <a href="data/ayham.gpg">C92301672BB229</a>)</li>
<li>&lt;altffour [:a+t:] protonmail.com&gt; (GPG: <a href="data/ayham.gpg">C92301672BB229</a>)</li>
<li>&lt;ayhamaboualfadl [:a+t:] gmail.com&gt; (GPG: <a href="data/ayham.gpg">C92301672BB229</a>)</li>
<li>Emails (ordered by preference):</li>
<ul>
<li>&lt;ayham [:a+t:] ayham.xyz&gt; (GPG: <a href="data/ayham.gpg">C92301672BB229</a>)</li>
<li>&lt;altffour [:a+t:] protonmail.com&gt; (GPG: <a href="data/ayham.gpg">C92301672BB229</a>)</li>
<li>&lt;ayhamaboualfadl [:a+t:] gmail.com&gt; (GPG: <a href="data/ayham.gpg">C92301672BB229</a>)</li>
</ul>
</ul>
</ul>
</section>
</p>
<p>If you would like to recommend a platform for me to use, feel
free to email me!</p>
</section>
</p>
<p>If you would like to recommend a platform for me to use, feel
free to email me!</p>
</div>
<div id="partial_footer"></div>
</main>
<div id="partial_footer"></div>
</body>
</html>

42
contact/index.html
View File

@ -6,36 +6,34 @@
<link rel="shortcut icon" type="image/jpg" href="pix/pfp.ico"/>
<link rel='alternate' type='application/rss+xml' title='ayham RSS' href='/blog/rss.xml'>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#partial_header").load("partials/header.htm");
$("#partial_footer").load("partials/footer.htm"); });
</script>
<script type="text/javascript" src="js/partials.js" async></script>
</head>
<body>
<center>
<h1 style=font-size:xxx-large>Contact</h1>
</center>
<div id="partial_header"></div>
<main>
<p>I don't own any account on any social media platforms.</p>
<p>My monero wallet is linked with ayham.xyz and my main email.
</br>
<section>
<ul>
<li>Emails (ordered by preference):</li>
<div id="partial_header"></div>
<div class=content>
<p>I don't own any account on any social media platforms.</p>
<p>My monero wallet is linked with ayham.xyz and my main email.
</br>
<section>
<ul>
<li>&lt;ayham [:a+t:] ayham.xyz&gt; (GPG: <a href="data/ayham.gpg">C92301672BB229</a>)</li>
<li>&lt;altffour [:a+t:] protonmail.com&gt; (GPG: <a href="data/ayham.gpg">C92301672BB229</a>)</li>
<li>&lt;ayhamaboualfadl [:a+t:] gmail.com&gt; (GPG: <a href="data/ayham.gpg">C92301672BB229</a>)</li>
<li>Emails (ordered by preference):</li>
<ul>
<li>&lt;ayham [:a+t:] ayham.xyz&gt; (GPG: <a href="data/ayham.gpg">C92301672BB229</a>)</li>
<li>&lt;altffour [:a+t:] protonmail.com&gt; (GPG: <a href="data/ayham.gpg">C92301672BB229</a>)</li>
<li>&lt;ayhamaboualfadl [:a+t:] gmail.com&gt; (GPG: <a href="data/ayham.gpg">C92301672BB229</a>)</li>
</ul>
</ul>
</ul>
</section>
</p>
<p>If you would like to recommend a platform for me to use, feel
free to email me!</p>
</section>
</p>
<p>If you would like to recommend a platform for me to use, feel
free to email me!</p>
</div>
<div id="partial_footer"></div>
</main>
<div id="partial_footer"></div>
</body>
</html>

40
index.htm
View File

@ -25,33 +25,34 @@
<center>
<h1 style=font-size:xxx-large>Ayham's Online Webpage</h1>
</center>
<div id=partial_header></div>
<main>
<img class=resright alt="pfp" title="pfp" src="pix/pfp/pfp.webp">
<div id=partial_header></div>
<div class=content>
<img class=resright alt="pfp" title="pfp" src="pix/pfp/pfp.webp">
<h2>Hello! Welcome!</h2>
<p>Click around, you could find something interesting.</p>
<h2>Hello! Welcome!</h2>
<p>Click around, you could find something interesting.</p>
<dl>
<dt><strong>🏪 <a href="https://store.ayham.xyz">Store</a></strong></dt>
<dl>
<dt><strong>🏪 <a href="https://store.ayham.xyz">Store</a></strong></dt>
<dd>My store</dd>
<dt><strong>⚙️ <a href="https://ayham.xyz/proj.htm">Projects</a></strong></dt>
<dt><strong>⚙️ <a href="https://ayham.xyz/proj.htm">Projects</a></strong></dt>
<dd>Stuff I made, not always up-to-date</dd>
<dt><strong>📜 <a href="https://blog.ayham.xyz/index.html">Articles</a></strong></dt>
<dt><strong>📜 <a href="https://blog.ayham.xyz/index.html">Articles</a></strong></dt>
<dd>My writings</dd>
<dt>
<strong><a href="https://tildegit.org/ayham">
<img width=32 height=32 src="pix/git.svg" alt="git logo">
Git</a></strong>
</dt>
<dt>
<strong><a href="https://tildegit.org/ayham">
<img width=32 height=32 src="pix/git.svg" alt="git logo">
Git</a></strong>
</dt>
<dd>My git repos, e.x. dotfiles</dd>
<dt><strong>🖥<a href="https://ayham.xyz/setup.htm"> Setup</a></strong></dt>
<dt><strong>🖥<a href="https://ayham.xyz/setup.htm"> Setup</a></strong></dt>
<dd>The only way desktops should run</dd>
<dt><strong>📚 <a href="https://ayham.xyz/books.htm">Library</a></strong></dt>
<dt><strong>📚 <a href="https://ayham.xyz/books.htm">Library</a></strong></dt>
<dd>Books I read, not necessarily recommendations</dd>
<dt><strong>📧 <a href="https://contact.ayham.xyz">Contact</a></strong></dt>
<dt><strong>📧 <a href="https://contact.ayham.xyz">Contact</a></strong></dt>
<dd>My gpg keys and contact info</dd>
</dl>
</dl>
<br/>
<center>
<h3>🐑Follow me on RSS</h3>
@ -62,7 +63,7 @@ https://blog.ayham.xyz/rss.xml</code></pre>
<center id="webpins" width="70%">
Unique Users:
<a href="https://www.digits.net" target="_blank"
rel="noopener">
rel="noopener">
<img src="https://counter.digits.net/?counter={f115c91c-b3dd-7584-456b-e7a9e52faa74}&template=simple"
alt="Hit Counter by Digits" border="0" /></a>
<br/>
@ -70,8 +71,9 @@ https://blog.ayham.xyz/rss.xml</code></pre>
<a href="ayham.xyz">
<img width=88 height=31 src="pix/webpins/ayhamxyz.gif" alt="ayham.xyz webpin"></a>
</center>
</main>
</div>
<div id=partial_footer></div>
</main>
<script src="js/main.js"></script>
</body>
</html>

37
partials/header.htm
View File

@ -1,49 +1,66 @@
<!DOCTYPE html>
<html>
<body>
<header id=partial_header>
<header id=partial_header
style=position:sticky;display:content;overflow:hidden>
<nav>
<ul>
<li>
<a href="https://ayham.xyz">
🏠 Home
<nobr>
<a class="viewer" href="https://ayham.xyz">🏠
<i class="hidden">Home</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://store.ayham.xyz">
🏪 Store
🏪 <i class="hidden">Store</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://tildegit.org/ayham">
<img width=32 height=32 src="https://ayham.xyz/pix/git.svg" alt="git logo">
Git
<i class="hidden">Git</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://ayham.xyz/proj.htm">
⚙️ Projects
⚙️ <i class="hidden">Projects</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://ayham.xyz/blog/index.html">
📜 Articles
📜 <i class="hidden">Articles</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://ayham.xyz/setup.htm">
🖥 Setup
💻 <i class="hidden">Setup</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://ayham.xyz/books.htm">
📚 Library
📚 <i class="hidden">Library</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://ayham.xyz/contact.htm">
📧 Contact
📧 <i class="hidden">Contact</i>
</a>
</nobr>
</li>
</ul>
</nav>

192
proj.htm
View File

@ -13,108 +13,110 @@
<center>
<h1 style=font-size:xxx-large>Projects</h1>
</center>
<div id=partial_header></div>
<main>
<section>
<h3 id=proj_main><a href=#proj_main>cd proj/</a></h3>
<p>This is a list of projects I work on. An image, development status,
creation date, small descriptions, and a project link is provided per project.</p>
</section>
<div id=partial_header></div>
<div class=content>
<section>
<h3 id=proj_main><a href=#proj_main>cd proj/</a></h3>
<p>This is a list of projects I work on. An image, development status,
creation date, small descriptions, and a project link is provided per project.</p>
</section>
<section>
<h3 id=proj_dep><a
href=#proj_dep>cd proj/DentalExamPrep</a></h3>
<p>Development Status: <code style=color:lightgreen;>Active</code><br/>
Project Link: UNAVAILABLE<br/>
Last Update: -<br/>
Creation Date: 2021-12-10<br/>
Description:<br/>
A new upcoming project...
</p>
</section>
<section>
<h3 id=proj_dep><a
href=#proj_dep>cd proj/DentalExamPrep</a></h3>
<p>Development Status: <code style=color:lightgreen;>Active</code><br/>
Project Link: UNAVAILABLE<br/>
Last Update: -<br/>
Creation Date: 2021-12-10<br/>
Description:<br/>
A new upcoming project...
</p>
</section>
<section>
<h3 id=proj_camcurrency><a
href=#proj_camcurrency>cd proj/CamCurrency</a></h3>
<center>
<img src="pix/proj/camcurrency.webp"
alt=camcurrency
<section>
<h3 id=proj_camcurrency><a
href=#proj_camcurrency>cd proj/CamCurrency</a></h3>
<center>
<img src="pix/proj/camcurrency.webp"
alt=camcurrency
style=max-width:100%;>
</center>
<p>Development Status: <code style=color:lightgreen;>Active</code><br/>
Project Link: <a
href="https://store.ayham.xyz/#camcurrency">store.ayham.xyz</a><br/>
Last Update: 2021-10-24<br/>
Creation Date: 2021-09-21<br/>
Description:<br/>
An application that allows users to convert between currencies on the fly using the camera.
Currently the application is available on
Googe Play Store.
</p>
</section>
<section>
<h3 id=proj_papertrader><a href=#proj_papertrader>cd proj/PaperTrader</a></h3>
<img src="pix/proj/papertrader.webp"
alt=papertrader
style=max-width:100%;>
</center>
<p>Development Status: <code style=color:lightgreen;>Active</code><br/>
Project Link: <a
href="https://store.ayham.xyz/#camcurrency">store.ayham.xyz</a><br/>
Last Update: 2021-10-24<br/>
Creation Date: 2021-09-21<br/>
Description:<br/>
An application that allows users to convert between currencies on the fly using the camera.
Currently the application is available on
Googe Play Store.
</p>
</section>
<p>Development Status: <code style=color:red;>Archived</code><br/>
Project Link: <a href="https://tildegit.org/ayham/PaperTrader">https://tildegit.org/ayham/PaperTrader</a><br/>
Last Update: 2021-12-24<br/>
Creation Date: 2020-05-02<br/>
Description:<br/>
The opensource cross-platform paper trading platform for
learning assets trading. This project has a basic architecture,
and the only part that currently works is accounts &amp; database
management w/ the server-client 1-1 model.
</p>
</section>
<section>
<h3 id=proj_papertrader><a href=#proj_papertrader>cd proj/PaperTrader</a></h3>
<img src="pix/proj/papertrader.webp"
alt=papertrader
style=max-width:100%;>
<p>Development Status: <code style=color:red;>Archived</code><br/>
Project Link: <a href="https://tildegit.org/ayham/PaperTrader">https://tildegit.org/ayham/PaperTrader</a><br/>
Last Update: 2021-12-24<br/>
Creation Date: 2020-05-02<br/>
Description:<br/>
The opensource cross-platform paper trading platform for
learning assets trading. This project has a basic architecture,
and the only part that currently works is accounts &amp; database
management w/ the server-client 1-1 model.
</p>
</section>
<section>
<h3 id=proj_rftp><a href=#proj_rftp>cd proj/rftp</a></h3>
<img src="pix/proj/rftp.webp"
alt=rftp
style=max-width:100%;>
<p>Development Status: <code style=color:red>Archived</code><br/>
Project Link: <a href="https://tildegit.org/ayham/rftp">https://tildegit.org/ayham/rftp</a><br/>
Last Update: 2020-01-18<br/>
Creation Date: 2019-11-01<br/>
Description:<br/>
A simple CLI ftp server for a school project written in rust.
</p>
</section>
<section>
<h3 id=proj_rftp><a href=#proj_rftp>cd proj/rftp</a></h3>
<img src="pix/proj/rftp.webp"
alt=rftp
style=max-width:100%;>
<p>Development Status: <code style=color:red>Archived</code><br/>
Project Link: <a href="https://tildegit.org/ayham/rftp">https://tildegit.org/ayham/rftp</a><br/>
Last Update: 2020-01-18<br/>
Creation Date: 2019-11-01<br/>
Description:<br/>
A simple CLI ftp server for a school project written in rust.
</p>
</section>
<section>
<h3 id=proj_contractnotifier><a href=#proj_contractnotifier>cd proj/ContractNotifier</a></h3>
<img src="pix/proj/contractnotifier.webp"
alt=contractnotifier
style="width:100%;">
<p>Development Status: <code style=color:red>Archived</code><br/>
Project Link: <a href="https://tildegit.org/ayham/ContractNotifier">https://tildegit.org/ayham/ContractNotifier</a><br/>
Last Update: 2020-01-18<br/>
Creation Date: 2019-11-01<br/>
Description:<br/>
An application for my school's principal to notify him for contracts expiry. The main cause of this application
is to store contracts, and notify the user of the expiry date of the contract. I know that there is probably alot of
solutions out there. But apparently my school principle found non, and then resorted to me.
</p>
</section>
<section>
<h3 id=proj_contractnotifier><a href=#proj_contractnotifier>cd proj/ContractNotifier</a></h3>
<img src="pix/proj/contractnotifier.webp"
alt=contractnotifier
style="width:100%;">
<p>Development Status: <code style=color:red>Archived</code><br/>
Project Link: <a href="https://tildegit.org/ayham/ContractNotifier">https://tildegit.org/ayham/ContractNotifier</a><br/>
Last Update: 2020-01-18<br/>
Creation Date: 2019-11-01<br/>
Description:<br/>
An application for my school's principal to notify him for contracts expiry. The main cause of this application
is to store contracts, and notify the user of the expiry date of the contract. I know that there is probably alot of
solutions out there. But apparently my school principle found non, and then resorted to me.
</p>
</section>
<section>
<h3 id=proj_fixmydownloads><a href=#proj_fixmydownloads>cd proj/fixmydownloads</a></h3>
<img src="pix/proj/fixmydownloads.webp"
alt=fixmydownloads
style=width:100%;>
<p>Development Status: <code style=color:red>Archived</code><br/>
Project Link: <a href="https://tildegit.org/ayham/fixymydownloads">https://tildegit.org/ayham/fixmydownloads</a><br/>
Last Update: 2020-05-02<br/>
Creation Date:2020-04-17<br/>
Description:<br/>
The goal of the project is to make the simplest downloads folder organizer that is configured by code making
it so small that the whole thing fits in one file! Eliminating the need to manually organize or clean up your downloads folder!
</p>
</section>
<section>
<h3 id=proj_fixmydownloads><a href=#proj_fixmydownloads>cd proj/fixmydownloads</a></h3>
<img src="pix/proj/fixmydownloads.webp"
alt=fixmydownloads
style=width:100%;>
<p>Development Status: <code style=color:red>Archived</code><br/>
Project Link: <a href="https://tildegit.org/ayham/fixymydownloads">https://tildegit.org/ayham/fixmydownloads</a><br/>
Last Update: 2020-05-02<br/>
Creation Date:2020-04-17<br/>
Description:<br/>
The goal of the project is to make the simplest downloads folder organizer that is configured by code making
it so small that the whole thing fits in one file! Eliminating the need to manually organize or clean up your downloads folder!
</p>
</section>
</div>
<div id=partial_footer></div>
</main>
<div id=partial_footer></div>
</body>
</html>

154
setup.htm
View File

@ -5,91 +5,89 @@
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" type="image/jpg" href="pix/pfp.ico"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#partial_header").load("partials/header.htm");
$("#partial_footer").load("partials/footer.htm"); });
</script>
<script type="text/javascript" src="js/partials.js" async></script>
</head>
<body>
<center>
<h1 style=font-size:xxx-large>Setup</h1>
</center>
<div id="partial_header"></div>
<main>
<section>
<h3>Introduction</h3>
<p>This is how I run my desktop. It is the only way any personal
desktop should work based on my rationale. If you would like to
recommend or comment on my setup contact me <a href="https://contact.ayham.xyz">here</a>.</p>
</section>
<div id="partial_header"></div>
<div class=content>
<section>
<h3>Introduction</h3>
<p>This is how I run my desktop. It is the only way any personal
desktop should work based on my rationale. If you would like to
recommend or comment on my setup contact me <a href="https://contact.ayham.xyz">here</a>.</p>
</section>
<section>
<h3>Software</h3>
<p>I like to keep it <a href="https://suckless.org">suckless</a>,
ofcourse only when it makes sense to do so. The only
systemd-less distro that is usable is
<a href="https://artixlinux.org">Artix linux</a>.</p>
<ul>
<li>dwm</li>
<li>dmenu</li>
<li>surf</li>
<li>slock</li>
<li>slstatus</li>
</ul>
<p>...and for non-suckless stuff:</p>
<ul>
<li>alacritty</li>
<li>firefox</li>
<li>brave</li>
<li>baku</li>
<li>newsboat</li>
<li>mpd & ncmpcpp</li>
<li>bpytop</li>
<li>neovim</li>
<li>pywal</li>
<li>sxiv</li>
<li>zathura</li>
<li>thunar</li>
</ul>
<p>Lastly, security (includes non-software):</p>
<ul>
<li>firejail</li>
<li>apparmor</li>
<li>hardened-linux kernel</li>
<li>luks2 encrypted main partition (root,
swap, data on lvm over luks)</li>
<li>luks1 encrypted /boot parition</li>
</ul>
<p>There are scripts I use for choosing
startup application on login and
organizing them into their specified workspaces,
and scripts for searching the web,
bookmarks; from the comfort of dwm &
dmenu. Those scripts can be found
<a href="https://tildegit.org/ayham/dotfiles/src/branch/master/.local/bin">here</a>.</p>
</section>
<section>
<h3>Screenshots</h3>
<p>
<img src="pix/setup/screenshot1.webp"
alt="desktop_flex1"
style="max-width:100%;">
<img src="pix/setup/screenshot2.webp"
alt="desktop_flex2"
style="max-width:100%;">
</p>
<img src="pix/setup/screenshot3.webp"
alt="desktop_flex3"
style="max-width:100%;">
</p>
<img src="pix/setup/screenshot4.webp"
alt="desktop_flex4"
style="max-width:100%;">
</p>
</section>
<section>
<h3>Software</h3>
<p>I like to keep it <a href="https://suckless.org">suckless</a>,
ofcourse only when it makes sense to do so. The only
systemd-less distro that is usable is
<a href="https://artixlinux.org">Artix linux</a>.</p>
<ul>
<li>dwm</li>
<li>dmenu</li>
<li>surf</li>
<li>slock</li>
<li>slstatus</li>
</ul>
<p>...and for non-suckless stuff:</p>
<ul>
<li>alacritty</li>
<li>firefox</li>
<li>brave</li>
<li>baku</li>
<li>newsboat</li>
<li>mpd & ncmpcpp</li>
<li>bpytop</li>
<li>neovim</li>
<li>pywal</li>
<li>sxiv</li>
<li>zathura</li>
<li>thunar</li>
</ul>
<p>Lastly, security (includes non-software):</p>
<ul>
<li>firejail</li>
<li>apparmor</li>
<li>hardened-linux kernel</li>
<li>luks2 encrypted main partition (root,
swap, data on lvm over luks)</li>
<li>luks1 encrypted /boot parition</li>
</ul>
<p>There are scripts I use for choosing
startup application on login and
organizing them into their specified workspaces,
and scripts for searching the web,
bookmarks; from the comfort of dwm &
dmenu. Those scripts can be found
<a href="https://tildegit.org/ayham/dotfiles/src/branch/master/.local/bin">here</a>.</p>
</section>
<section>
<h3>Screenshots</h3>
<p>
<img src="pix/setup/screenshot1.webp"
alt="desktop_flex1"
style="max-width:100%;">
<img src="pix/setup/screenshot2.webp"
alt="desktop_flex2"
style="max-width:100%;">
</p>
<img src="pix/setup/screenshot3.webp"
alt="desktop_flex3"
style="max-width:100%;">
</p>
<img src="pix/setup/screenshot4.webp"
alt="desktop_flex4"
style="max-width:100%;">
</p>
</section>
</div>
<div id="partial_footer"></div>
</main>
<div id="partial_footer"></div>
</body>
</html>

40
store/index.html
View File

@ -1,35 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<title>~ayham | Store</title>
<link rel="preload" href="font.woff" as="font" type="font/woff" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" type="image/jpg"
href="https://ayham.xyz/pix/pfp.ico"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>
<title>~ayham | Store</title>
<link rel="preload" href="font.woff" as="font" type="font/woff" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" type="image/jpg"
href="https://ayham.xyz/pix/pfp.ico"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="js/partials.js" async></script>
</head>
<body>
<center>
<h1 style=font-size:xxx-large>Welcome to Ayham's Online Store!</h1>
</center>
<script type="text/javascript" src="js/partials.js" async></script>
</head>
<body>
<center>
<h1 style=font-size:xxx-large>Welcome to Ayham's Online Store!</h1>
</center>
<main>
<div id=partial_header></div>
<main>
<div class=content>
<section>
<p>This is my store where you can find information all about
apps I sell.</p>
</section>
<section id=camcurrency>
<center><h2>CamCurrency</h2></center>
<table>
<tr>
<td style=width:30%;vertical-align:top>
<center>
<img src="https://ayham.xyz/pix/store/camcurrency/logo.webp"
alt=camcurrency_icon
style=max-width:80%>
<img src="https://ayham.xyz/pix/store/camcurrency/logo.webp"
alt=camcurrency_icon
style=max-width:80%>
</center>
</td>
<td style=vertical-align:top>
@ -117,7 +118,8 @@
<img src="https://counter.digits.net/?counter={e52fc122-b50b-2a64-b9f8-dd351e704db9}&template=simple"
alt="Hit Counter by Digits" border="0" /></a>
</center>
</main>
</div>
<div id=partial_footer></div>
</main>
</body>
</html>

37
store/partials/header.htm
View File

@ -1,49 +1,66 @@
<!DOCTYPE html>
<html>
<body>
<header id=partial_header>
<header id=partial_header
style=position:sticky;display:content;overflow:hidden>
<nav>
<ul>
<li>
<a href="https://ayham.xyz">
🏠 Home
<nobr>
<a class="viewer" href="https://ayham.xyz">🏠
<i class="hidden">Home</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://store.ayham.xyz">
🏪 Store
🏪 <i class="hidden">Store</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://tildegit.org/ayham">
<img width=32 height=32 src="https://ayham.xyz/pix/git.svg" alt="git logo">
Git
<i class="hidden">Git</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://ayham.xyz/proj.htm">
⚙️ Projects
⚙️ <i class="hidden">Projects</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://ayham.xyz/blog/index.html">
📜 Articles
📜 <i class="hidden">Articles</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://ayham.xyz/setup.htm">
🖥 Setup
💻 <i class="hidden">Setup</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://ayham.xyz/books.htm">
📚 Library
📚 <i class="hidden">Library</i>
</a>
</nobr>
</li>
<li>
<nobr>
<a href="https://ayham.xyz/contact.htm">
📧 Contact
📧 <i class="hidden">Contact</i>
</a>
</nobr>
</li>
</ul>
</nav>

53
store/style.css
View File

@ -1,5 +1,5 @@
:root {
--genwidth: 850px ;
--genwidth: 40em;
--navwidth: 175px ;
--fg: #ddd ;
--altfg: #ccc ;
@ -22,7 +22,7 @@ body {
body h1 {
color: var(--fg);
}
main {
.content {
margin: auto;
color: var(--fg);
background: var(--bg);
@ -30,15 +30,28 @@ main {
border: dashed 1px var(--bordercolor);
border-radius: 5px;
}
main {
padding: 1em;
padding-top: 0;
display: block;
overflow:hidden;
margin:auto;
}
#partial_header {
float:right;
display:block;
}
nav,footer {
text-align: center ;
font-variant: small-caps ;
clear: both ;
background: var(--altbg) ;
border-radius: 5px ;
margin: auto ;
border: dashed 1px var(--bordercolor) ;
max-width: var(--genwidth) ;
max-width: var(--genwidth);
}
nav {
margin-left: 5px;
}
footer {
color: var(--altfg) ;
@ -49,12 +62,28 @@ nav,header {
max-width: var(--genwidth) ;
}
nav li,footer li {
display: inline-block ;
transition:all 1s ease-in-out;
display: block ;
list-style: none ;
background: var(--bg) ;
border-radius: 10px ;
padding: .5em ;
max-width: 7em ;
}
nav {
width: 4em;
}
.hidden {
display: none;
}
nav ul li:hover .hidden {
display: inline-block;
}
nav ul li:hover {
margin-right: -5em;
}
nav ul {
align-items: flex-start;
display: flex-container;
}
nav ul, footer ul, #taglist {
@ -131,20 +160,10 @@ td {
nav {
float: left ;
vertical-align: middle ;
width: 175px ;
position: fixed ;
text-align: left ;
font-size: large ;
}
nav::before {
content: "Links" ;
text-align: center ;
display: block ;
font-size: large ;
color: violet ;
text-decoration: underline ;
margin-top: .5em ;
}
nav li {
display: block ;
text-align: center ;
@ -177,7 +196,7 @@ ul.images li img {
padding: 2.5px;
}
@media (min-width: 55em) {
@media (min-width: 40em) {
.resright, .disappear {
display: block ;
float: right;

53
style.css
View File

@ -1,5 +1,5 @@
:root {
--genwidth: 850px ;
--genwidth: 40em;
--navwidth: 175px ;
--fg: #ddd ;
--altfg: #ccc ;
@ -22,7 +22,7 @@ body {
body h1 {
color: var(--fg);
}
main {
.content {
margin: auto;
color: var(--fg);
background: var(--bg);
@ -30,15 +30,28 @@ main {
border: dashed 1px var(--bordercolor);
border-radius: 5px;
}
main {
padding: 1em;
padding-top: 0;
display: block;
overflow:hidden;
margin:auto;
}
#partial_header {
float:right;
display:block;
}
nav,footer {
text-align: center ;
font-variant: small-caps ;
clear: both ;
background: var(--altbg) ;
border-radius: 5px ;
margin: auto ;
border: dashed 1px var(--bordercolor) ;
max-width: var(--genwidth) ;
max-width: var(--genwidth);
}
nav {
margin-left: 5px;
}
footer {
color: var(--altfg) ;
@ -49,12 +62,28 @@ nav,header {
max-width: var(--genwidth) ;
}
nav li,footer li {
display: inline-block ;
transition:all 1s ease-in-out;
display: block ;
list-style: none ;
background: var(--bg) ;
border-radius: 10px ;
padding: .5em ;
max-width: 7em ;
}
nav {
width: 4em;
}
.hidden {
display: none;
}
nav ul li:hover .hidden {
display: inline-block;
}
nav ul li:hover {
margin-right: -5em;
}
nav ul {
align-items: flex-start;
display: flex-container;
}
nav ul, footer ul, #taglist {
@ -131,20 +160,10 @@ td {
nav {
float: left ;
vertical-align: middle ;
width: 175px ;
position: fixed ;
text-align: left ;
font-size: large ;
}
nav::before {
content: "Links" ;
text-align: center ;
display: block ;
font-size: large ;
color: violet ;
text-decoration: underline ;
margin-top: .5em ;
}
nav li {
display: block ;
text-align: center ;
@ -177,7 +196,7 @@ ul.images li img {
padding: 2.5px;
}
@media (min-width: 55em) {
@media (min-width: 40em) {
.resright, .disappear {
display: block ;
float: right;

2
tags/a-minimal-linux-display-manager
View File

@ -0,0 +1,2 @@
GUIDE
LINUX

3
templates/article_header.html
View File

@ -1,5 +1,6 @@
<center>
<h1 style=font-size:xxx-large>$TITLE</h1>
</center>
<div id=partial_header></div>
<main>
<div id=partial_header></div>
<div class=content>

4
templates/article_list_header.html
View File

@ -1,6 +1,6 @@
<center>
<h1 style=font-size:xxx-large>Articles</h1>
</center>
<div id=partial_header></div>
<main>
<div id=partial_header></div>
<div class=content>

3
templates/footer.html
View File

@ -5,7 +5,8 @@
alt="Hit Counter by Digits" border="0" />
</a>
</center>
</main>
</div>
<div align=center id=partial_footer></div>
</main>
</body>
</html>