judahsotomayor/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

First Post

Browse Source
This commit is contained in:
Judah Sotomayor 2023-12-21 14:06:53 -05:00
commit d76088aefc
Signed by: judahsotomayor
SSH Key Fingerprint: SHA256:9Dq4ppxhfAjbX+7HLXEt+ROMiIojI6kqQgUyFUJb9lI
5 changed files with 658 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
about/index.html Normal file
View File

@ -0,0 +1,64 @@
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>
Open Thoughts
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Judah Sotomayor" />
<link rel="stylesheet" href="http://localhost:8000/static/style.css" type="text/css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lora&family=Space+Mono&display=swap" />
</head>
<body>
<header>
<h1>
<a href="http://localhost:8000/">
Open Thoughts
</a>
</h1>
<a href="#main" class="visually-hidden">jump to main content</a>
<nav>
<ul class="menu">
<li><a href="http://localhost:8000/about">about</a></li>
<li><a href="http://localhost:8000/">blog</a></li>
</ul>
</nav>
</header>
<main id="main">
<article class="page">
<h1 class="page__title">
About
</h1>
<section>
</section>
</article>
</main>
<footer>
Made with &#x2665; and&nbsp;
<a href="https://emacs.love/weblorg" target="_blank">
weblorg
</a>
</footer>
</body>
</html>

109
feed.xml Normal file
View File

@ -0,0 +1,109 @@
<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
xmlns:georss="http://www.georss.org/georss"
xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
xmlns:media="http://search.yahoo.com/mrss/">
<channel>
<title>Open Thoughts</title>
<atom:link
href="http://localhost:8000/feed.xml"
rel="self" type="application/rss+xml" />
<link>http://localhost:8000/</link>
<description><![CDATA[]]></description>
<language>en</language>
<pubDate>Wed, 08 Nov 2023 00:00:00 -0500</pubDate>
<lastBuildDate>Thu, 21 Dec 2023 14:04:29 -0500</lastBuildDate>
<generator>weblorg 0.1.0 (https://emacs.love/weblorg)</generator>
<webMaster>Judah Sotomayor</webMaster>
<image>
<url>http://localhost:8000/media/img/8bitme.png</url>
<title>Blog Author</title>
<link>http://localhost:8000/</link>
</image>
<item>
<title>My SSH Key</title>
<link>http://localhost:8000/posts/my-ssh-key.html</link>
<author>author@mail.com (Blog Author)</author>
<guid isPermaLink="false">http://localhost:8000/posts/my-ssh-key.html</guid>
<pubDate>Wed, 08 Nov 2023 00:00:00 -0500</pubDate>
<description><![CDATA[<p>
In the interest of integrity, here is my public ssh key.
This is the key I use to sign all of my commits.
If any project purports to be from me, and is <i>not</i> signed by this key, there is a strong chance it is disingenuous.
</p>
<div id="outline-container-key" class="outline-2">
<h2 id="key">Key:</h2>
<div class="outline-text-2">
<pre class="example" id="orgeaee4bc">
ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAII0YkBVeeBhoCm/+6mCteO7Ikv528ZDmg/tYtWc6O1qP
</pre>
</div>
</div>
<div id="outline-container-fingerprint" class="outline-2">
<h2 id="fingerprint">Fingerprint:</h2>
<div class="outline-text-2">
<pre class="example" id="org6d8551f">
SHA256:9Dq4ppxhfAjbX+7HLXEt+ROMiIojI6kqQgUyFUJb9lI
</pre>
</div>
</div>
<div id="outline-container-directions" class="outline-2">
<h2 id="directions">Directions</h2>
<div class="outline-text-2">
<p>
If you're cloning a project off a major git platform, you can check that the latest commit states "Verified" or "Signed".
Then you can check that my key fingerprint matches with the one above.
</p>
<p>
If you've gotten ahold of source code some other way, run <code class="src src-sh">git verify-commit HEAD</code> to ensure that the latest commit has been signed.
</p>
</div>
<div id="outline-container-example" class="outline-3">
<h3 id="example">Example</h3>
<div class="outline-text-3">
<div class="org-src-container">
<pre class="src src-bash">git verify-commit HEAD
</pre>
</div>
<pre class="example">
Good "git" signature for development@freedomland.xyz with ED25519 key SHA256:9Dq4ppxhfAjbX+7HLXEt+ROMiIojI6kqQgUyFUJb9lI
</pre>
</div>
</div>
</div>
<div id="outline-container-website-repo" class="outline-2">
<h2 id="website-repo">Website repo</h2>
<div class="outline-text-2">
<p>
<a href="https://git.freedomland.xyz/judahsotomayor/website">This link</a> directs to my website's source code.
You can check that the latest commits are signed with my key.
</p>
</div>
</div>
]]></description>
</item>
</channel>
</rss>

69
index.html Normal file
View File

@ -0,0 +1,69 @@
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>
Open Thoughts
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Judah Sotomayor" />
<link rel="stylesheet" href="http://localhost:8000/static/style.css" type="text/css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lora&family=Space+Mono&display=swap" />
</head>
<body>
<header>
<h1>
<a href="http://localhost:8000/">
Open Thoughts
</a>
</h1>
<a href="#main" class="visually-hidden">jump to main content</a>
<nav>
<ul class="menu">
<li><a href="http://localhost:8000/about">about</a></li>
<li><a href="http://localhost:8000/">blog</a></li>
</ul>
</nav>
</header>
<main id="main">
<h1>Blog Posts</h1>
<ul class="posts">
<li class="post-title">
<a href="http://localhost:8000/posts/my-ssh-key.html">
Nov 08, 2023 &mdash;
My SSH Key
</a>
</li>
</ul>
</main>
<footer>
Made with &#x2665; and&nbsp;
<a href="https://emacs.love/weblorg" target="_blank">
weblorg
</a>
</footer>
</body>
</html>

139
posts/my-ssh-key.html Normal file
View File

@ -0,0 +1,139 @@
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>
Open Thoughts
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Judah Sotomayor" />
<meta property="og:title" content="My SSH Key">
<meta property="og:url" content="http://localhost:8000/posts/my-ssh-key.html">
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" href="http://localhost:8000/static/style.css" type="text/css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lora&family=Space+Mono&display=swap" />
</head>
<body>
<header>
<h1>
<a href="http://localhost:8000/">
Open Thoughts
</a>
</h1>
<a href="#main" class="visually-hidden">jump to main content</a>
<nav>
<ul class="menu">
<li><a href="http://localhost:8000/about">about</a></li>
<li><a href="http://localhost:8000/">blog</a></li>
</ul>
</nav>
</header>
<main id="main">
<article class="post">
<h1 class="post__title">
My SSH Key
</h1>
<section class="post__meta">
Nov 08, 2023
</section>
<section>
<p>
In the interest of integrity, here is my public ssh key.
This is the key I use to sign all of my commits.
If any project purports to be from me, and is <i>not</i> signed by this key, there is a strong chance it is disingenuous.
</p>
<div id="outline-container-key" class="outline-2">
<h2 id="key">Key:</h2>
<div class="outline-text-2">
<pre class="example" id="orge71df3c">
ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAII0YkBVeeBhoCm/+6mCteO7Ikv528ZDmg/tYtWc6O1qP
</pre>
</div>
</div>
<div id="outline-container-fingerprint" class="outline-2">
<h2 id="fingerprint">Fingerprint:</h2>
<div class="outline-text-2">
<pre class="example" id="orge0152bc">
SHA256:9Dq4ppxhfAjbX+7HLXEt+ROMiIojI6kqQgUyFUJb9lI
</pre>
</div>
</div>
<div id="outline-container-directions" class="outline-2">
<h2 id="directions">Directions</h2>
<div class="outline-text-2">
<p>
If you're cloning a project off a major git platform, you can check that the latest commit states "Verified" or "Signed".
Then you can check that my key fingerprint matches with the one above.
</p>
<p>
If you've gotten ahold of source code some other way, run <code class="src src-sh">git verify-commit HEAD</code> to ensure that the latest commit has been signed.
</p>
</div>
<div id="outline-container-example" class="outline-3">
<h3 id="example">Example</h3>
<div class="outline-text-3">
<div class="org-src-container">
<pre class="src src-bash">git verify-commit HEAD
</pre>
</div>
<pre class="example">
Good "git" signature for development@freedomland.xyz with ED25519 key SHA256:9Dq4ppxhfAjbX+7HLXEt+ROMiIojI6kqQgUyFUJb9lI
</pre>
</div>
</div>
</div>
<div id="outline-container-website-repo" class="outline-2">
<h2 id="website-repo">Website repo</h2>
<div class="outline-text-2">
<p>
<a href="https://git.freedomland.xyz/judahsotomayor/website">This link</a> directs to my website's source code.
You can check that the latest commits are signed with my key.
</p>
</div>
</div>
</section>
</article>
</main>
<footer>
Made with &#x2665; and&nbsp;
<a href="https://emacs.love/weblorg" target="_blank">
weblorg
</a>
</footer>
</body>
</html>

277
static/style.css Normal file
View File

@ -0,0 +1,277 @@
:root {
/* colors */
--cl-border: #E7E7E7;
--cl-foreground: #FFFFFF;
--cl-background: #212121;
--cl-gray: #828282;
--cl-note: #F2FFDD;
--cl-link: #E49619;
/* -- Code Block Colors -- */
/* --- Monokai Theme */
--cl-code-monokai-background: #272822;
--cl-code-monokai-foreground: #F8F8F2;
--cl-code-monokai-comment: #75715E;
--cl-code-monokai-red: #F92672;
--cl-code-monokai-orange: #FD971F;
--cl-code-monokai-light-orange: #E69F66;
--cl-code-monokai-yellow: #E6DB74;
--cl-code-monokai-green: #A6E22E;
--cl-code-monokai-blue: #66D9EF;
--cl-code-monokai-purple: #AE81FF;
/* The comments they have are way too dim to be easy reading. */
--cl-code-custom-background: #000000;
--cl-code-custom-foreground: #F8F8F2;
--cl-code-custom-comment: #95919E;
--cl-code-custom-red: #F92672;
--cl-code-custom-orange: #FD971F;
--cl-code-custom-light-orange: #E69F66;
--cl-code-custom-yellow: #E6DB74;
--cl-code-custom-green: #A6E22E;
--cl-code-custom-blue: #66D9EF;
--cl-code-custom-purple: #AE81FF;
/* --- Theme Variables */
--cl-code-background: var(--cl-code-custom-background);
--cl-code-foreground: var(--cl-code-custom-foreground);
--cl-code-builtin: var(--cl-code-custom-green);
--cl-code-comment: var(--cl-code-custom-comment);
--cl-code-function-name: var(--cl-code-custom-green);
--cl-code-keyword: var(--cl-code-custom-red);
--cl-code-string: var(--cl-code-custom-yellow);
--cl-code-type: var(--cl-code-custom-blue);
--cl-code-variable-name: var(--cl-code-custom-orange);
}
body {
font-family: "Segoe UI", Helvetica, Arial, sans-serif;
background: var(--cl-background);
color: var(--cl-foreground);
margin: 0;
padding: 0;
min-height: 100vh;
display: flex;
flex-direction: column;
line-height: 1.5em;
font-size: 1.2em;
overscroll-behavior-y: none;
}
header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--cl-border);
padding: 10px 30px;
margin-bottom: 40px;
}
header h1 { font-size: 24px; }
header nav {
display: flex;
align-items: center;
}
header nav ul {
margin: 0;
padding: 0;
}
header nav ul li {
display: inline;
}
/* helper classes */
.visually-hidden {
display: none;
}
.menu li {
padding-left: 50px;
cursor: pointer;
}
.menu a {
color: var(--cl-foreground);
font-size: 16px;
font-weight: bold;
}
/* -- main content -- */
a { color: var(--cl-link); }
a:hover {
transition: 0.2s;
text-decoration: none;
}
p {
line-height: 25px;
font-size: 15px;
padding-bottom: 20px;
}
h2 {
font-size: 24px;
font-weight: bold;
}
main {
width: 600px;
margin: 0 auto;
flex-grow: 1;
}
@media (max-width: 599px) {
main {
width: calc(100% - 20px);
padding: 10px;
}
}
article h1:first-child { font-size: 36px; }
.post__meta {
font-size: 14px;
color: var(--cl-gray);
}
/* -- table -- */
main table { width: 100% }
main table th { text-align: left; }
/* -- Highlight Note Class -- */
.note {
margin-top: 20px;
background-color: var(--cl-note);
padding: 20px;
border-radius: 2px;
font-size: 13px;
line-height: 22px;
margin-bottom: 30px;
}
.note p {
margin: 0;
padding: 0;
}
.alert {
margin-top: 20px;
padding: 20px;
border-radius: 2px;
font-size: 13px;
line-height: 22px;
margin-bottom: 30px;
border-color: #ed6a5a;
border-left: 5px solid #ed6a5a;
background-color: #ed6a5a30
}
.alert-heading {
font-family: sans-serif;
font-size: 1.5rem;
color: #ed6a5a;
weight: bold;
}
blockquote {
margin-top: 20px;
padding: 20px;
border-radius: 2px;
font-size: 13px;
line-height: 22px;
margin-bottom: 30px;
background-color: #131313;
border-left: 5px solid #ccc;
border-radius: 2px;
}
.quote-citation{
text-align: right;
padding: 0px;
}
/* -- Page -- */
li.post-title {
margin-bottom: 20px;
}
/* -- Code Blocks -- */
.org-builtin { color: var(--cl-code-builtin); }
.org-doc { color: var(--cl-code-doc); }
.org-function-name { color: var(--cl-code-function-name); }
.org-keyword { color: var(--cl-code-keyword); }
.org-string { color: var(--cl-code-string); }
.org-type { color: var(--cl-code-type); }
.org-variable-name { color: var(--cl-code-variable-name); }
.org-comment, .org-comment-delimiter { color: var(--cl-code-comment); }
.org-src-container { color: var(--cl-code-foreground);
background: var(--cl-code-background);
border: 1px solid var(--cl-border-src);
padding: 0px 15px;
max-width: 100%;
overflow-y: scroll;
border-radius: 5px; }
.example {
color: var(--cl-code-foreground);
background: var(--cl-code-background);
border: 1px solid var(--cl-border-src);
padding: 0px 15px;
max-width: 100%;
overflow-y: scroll;
border-radius: 5px; }
/* -- Footer --*/
footer {
background: var(--cl-background);
color: var(--cl-foreground);
height: 70px;
display: flex;
align-items: center;
justify-content: center;
border-top: solid;
border-width: thin;
}
img {
max-width: 100%; }
a {
color: #0074D9;
}
.alert {
position: relative;
padding: 0rem 1rem;
padding-top: 1px;
padding-bottom: 1px;
border-color: #ed6a5a;
margin-bottom: 1rem;
border-left: 5px solid #ed6a5a;
background-color: #ed6a5a30
}
.alert-heading {
font-family: sans-serif;
font-size: 1.5rem;
color: #ed6a5a;
weight: bold;
}
table, th, td{
border: 1px solid;
border-collapse: collapse;
padding: 2pt;
}
th {
border: 2px solid;
}
.post__meta {
color: #F7A32E;
}
p {
line-height: 25px;
font-size: 17px;
padding-bottom: 0px;
}