ruby rework with contact form
This commit is contained in:
parent
90402ae14a
commit
1ab09043ee
GPG key ID:
4F8851660FA4121B
26 changed files with 932 additions and 221 deletions
41
public/copyPGP.js
Normal file
41
public/copyPGP.js
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
// Get the <pre> element
|
||||
const PGP = document.getElementById("myPGP");
|
||||
|
||||
//Create a copy button element
|
||||
const copyButton = document.createElement("span");
|
||||
copyButton.innerText = "Copy";
|
||||
copyButton.classList.add("copy-button");
|
||||
|
||||
// Append the copy button to the <pre> tag
|
||||
PGP.appendChild(copyButton);
|
||||
|
||||
// Add click event listener to the copy button
|
||||
copyButton.addEventListener("click", () => {
|
||||
// Hide the copy button temporarily
|
||||
copyButton.style.display = "none";
|
||||
|
||||
// Create a range and select the text inside the <pre> tag
|
||||
const range = document.createRange();
|
||||
range.selectNode(PGP);
|
||||
window.getSelection().removeAllRanges();
|
||||
window.getSelection().addRange(range);
|
||||
|
||||
try {
|
||||
// Copy the selected text to the clipboard
|
||||
document.execCommand("copy");
|
||||
|
||||
// Alert the user that the text has been copied
|
||||
copyButton.innerText = "Copied!";
|
||||
setTimeout(function(){
|
||||
copyButton.innerText = "Copy";
|
||||
}, 2000);
|
||||
} catch (err) {
|
||||
console.error("Unable to copy text:", err);
|
||||
} finally {
|
||||
// Show the copy button again
|
||||
copyButton.style.display = "inline";
|
||||
|
||||
// Deselect the text
|
||||
window.getSelection().removeAllRanges();
|
||||
}
|
||||
});
|
||||
41
public/copySSH.js
Normal file
41
public/copySSH.js
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
// Get the <pre> element
|
||||
const SSH = document.getElementById("mySSH");
|
||||
|
||||
//Create a copy button element
|
||||
const copyButtonSSH = document.createElement("span");
|
||||
copyButtonSSH.innerText = "Copy";
|
||||
copyButtonSSH.classList.add("copy-button");
|
||||
|
||||
// Append the copy button to the <pre> tag
|
||||
SSH.appendChild(copyButtonSSH);
|
||||
|
||||
// Add click event listener to the copy button
|
||||
copyButtonSSH.addEventListener("click", () => {
|
||||
// Hide the copy button temporarily
|
||||
copyButtonSSH.style.display = "none";
|
||||
|
||||
// Create a range and select the text inside the <pre> tag
|
||||
const range = document.createRange();
|
||||
range.selectNode(SSH);
|
||||
window.getSelection().removeAllRanges();
|
||||
window.getSelection().addRange(range);
|
||||
|
||||
try {
|
||||
// Copy the selected text to the clipboard
|
||||
document.execCommand("copy");
|
||||
|
||||
// Alert the user that the text has been copied
|
||||
copyButtonSSH.innerText = "Copied!";
|
||||
setTimeout(function(){
|
||||
copyButtonSSH.innerText = "Copy";
|
||||
}, 2000);
|
||||
} catch (err) {
|
||||
console.error("Unable to copy text:", err);
|
||||
} finally {
|
||||
// Show the copy button again
|
||||
copyButtonSSH.style.display = "inline";
|
||||
|
||||
// Deselect the text
|
||||
window.getSelection().removeAllRanges();
|
||||
}
|
||||
});
|
||||
BIN
public/hedgehog.png
Normal file
BIN
public/hedgehog.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
1
public/id_ed25519.pub
Normal file
1
public/id_ed25519.pub
Normal file
|
|
@ -0,0 +1 @@
|
|||
ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIMZ+/5F7SxdTVW47iiStLpGK77oWfR5NgaK4tTSR/aVB ie+2026@asxp.io
|
||||
51
public/pgp.pub
Normal file
51
public/pgp.pub
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
||||
|
||||
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
|
||||
=AeW/
|
||||
-----END PGP PUBLIC KEY BLOCK-----
|
||||
217
public/style.css
Normal file
217
public/style.css
Normal file
|
|
@ -0,0 +1,217 @@
|
|||
body {
|
||||
background-color: #121212;
|
||||
color: #AAAAAA;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
margin: 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
main {
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
padding: 40px 20px 80px;
|
||||
}
|
||||
.header {
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.header h1 {
|
||||
font-size: 1.4rem;
|
||||
font-weight: 400;
|
||||
color: #DDDDDD;
|
||||
margin: 0;
|
||||
}
|
||||
.header .ka {
|
||||
display: block;
|
||||
font-size: 0.85rem;
|
||||
color: #666666;
|
||||
margin-top: 6px;
|
||||
}
|
||||
.section {
|
||||
margin: 36px 0;
|
||||
}
|
||||
.section h2 {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
color: #DDDDDD;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
border-bottom: 1px solid #2A2A2A;
|
||||
padding-bottom: 6px;
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
ul.services {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 8px 24px;
|
||||
}
|
||||
ul.services li {
|
||||
padding-left: 14px;
|
||||
position: relative;
|
||||
}
|
||||
ul.services li::before {
|
||||
content: '›';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
color: #555555;
|
||||
}
|
||||
dl.kv {
|
||||
display: grid;
|
||||
grid-template-columns: max-content 1fr;
|
||||
gap: 6px 18px;
|
||||
margin: 0;
|
||||
}
|
||||
dl.kv dt {
|
||||
color: #777777;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
dl.kv dd {
|
||||
margin: 0;
|
||||
color: #CCCCCC;
|
||||
}
|
||||
dl.kv dd.mono,
|
||||
.mono {
|
||||
font-family: 'Hack', monospace;
|
||||
font-size: 0.92rem;
|
||||
}
|
||||
.ka-note {
|
||||
color: #666666;
|
||||
font-size: 0.85rem;
|
||||
margin-top: 4px;
|
||||
}
|
||||
pre {
|
||||
position: relative;
|
||||
background: #222222;
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
font-family: 'Hack', monospace;
|
||||
word-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
border: 1px solid #020202;
|
||||
margin: 8px 0;
|
||||
}
|
||||
.copy-button {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 10px;
|
||||
cursor: pointer;
|
||||
color: #424242;
|
||||
background: #111111;
|
||||
border-radius: 0.5em;
|
||||
padding: 2px 7px;
|
||||
}
|
||||
.copy-button:hover {
|
||||
color: #000;
|
||||
}
|
||||
a {
|
||||
color: #BBBBBB;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dotted #444444;
|
||||
}
|
||||
a:hover {
|
||||
color: #FFFFFF;
|
||||
border-bottom-color: #888888;
|
||||
}
|
||||
.footer {
|
||||
text-align: center;
|
||||
color: #555555;
|
||||
font-size: 0.8rem;
|
||||
padding: 24px 20px;
|
||||
border-top: 1px solid #1E1E1E;
|
||||
}
|
||||
|
||||
/* Contact form */
|
||||
.contact-form {
|
||||
margin: 0 0 24px;
|
||||
}
|
||||
.contact-form .hp {
|
||||
position: absolute;
|
||||
left: -10000px;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.contact-form .field {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.contact-form label {
|
||||
display: block;
|
||||
color: #888888;
|
||||
font-size: 0.85rem;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.contact-form .optional {
|
||||
color: #555555;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.contact-form input[type="text"],
|
||||
.contact-form input[type="email"],
|
||||
.contact-form textarea {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
background: #1A1A1A;
|
||||
color: #DDDDDD;
|
||||
border: 1px solid #2A2A2A;
|
||||
border-radius: 3px;
|
||||
padding: 8px 10px;
|
||||
font-family: inherit;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
.contact-form textarea {
|
||||
font-family: 'Hack', monospace;
|
||||
font-size: 0.9rem;
|
||||
resize: vertical;
|
||||
}
|
||||
.contact-form input:focus,
|
||||
.contact-form textarea:focus {
|
||||
outline: none;
|
||||
border-color: #555555;
|
||||
background: #1E1E1E;
|
||||
}
|
||||
.contact-form button {
|
||||
background: #2A2A2A;
|
||||
color: #DDDDDD;
|
||||
border: 1px solid #3A3A3A;
|
||||
border-radius: 3px;
|
||||
padding: 8px 20px;
|
||||
font-family: inherit;
|
||||
font-size: 0.95rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.contact-form button:hover {
|
||||
background: #333333;
|
||||
border-color: #555555;
|
||||
}
|
||||
.form-error {
|
||||
display: block;
|
||||
color: #C97070;
|
||||
font-size: 0.85rem;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.form-error-base {
|
||||
background: #2A1414;
|
||||
border: 1px solid #4A1F1F;
|
||||
padding: 10px;
|
||||
border-radius: 3px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.contact-direct {
|
||||
margin-top: 16px;
|
||||
padding-top: 16px;
|
||||
border-top: 1px dashed #2A2A2A;
|
||||
}
|
||||
|
||||
@media (max-width: 560px) {
|
||||
ul.services {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
dl.kv {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 2px 0;
|
||||
}
|
||||
dl.kv dd {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue