mycosystems/myco.systems
3
0
Fork 0
Code Pull requests Activity Actions

update script

Browse source
This commit is contained in:
Brooke 2024-05-05 19:47:21 -04:00
parent 28228c5b93
commit 36a56d12a5
3 changed files with 92 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
.gitea/workflows/deploy.yaml
View file

@ -1,7 +1,10 @@
name: Static name: Static
on: [push] on:
push:
branches:
- main
jobs: jobs:
build: build:

62
public/spellcheck/index.html Executable file
View file

@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>The Mycelial Network</title>
<link rel="stylesheet" href="/public/style.css" />
<link
rel="icon"
href="/public/icons/red-background/favicon.ico"
type="image/x-icon"
/>
<meta
name="description"
content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions."
/>
<meta property="og:url" content="https://myco.systems/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="The Mycelial Network" />
<meta
property="og:description"
content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions."
/>
<meta
property="og:image"
content="https://myco.systems/icons/backgrounds/concrete-shrooms.png"
/>
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="myco.systems" />
<meta property="twitter:url" content="https://myco.systems/" />
<meta name="twitter:title" content="The Mycelial Network" />
<meta
name="twitter:description"
content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions."
/>
<meta
name="twitter:image"
content="https://myco.systems/icons/backgrounds/concrete-shrooms.png"
/>
</head>
<body>
<div class="center-text">
<input
type="radio"
id="tab-spellcheck"
name="tab"
checked
style="display: none"
/>
<div class="tabs">
<label for="tab-spellcheck" class="tab">LanguageTool Spellcheck</label>
</div>
<div id="spellCheck" class="tab-content">
<p>Start writing in the box below and errors will be highlighted</p>
<textarea class="area-full"></textarea>
</div>
</div>
</body>
</html>

28
public/style.css Executable file → Normal file
View file

@ -66,9 +66,10 @@ body,
text-align: left; text-align: left;
z-index: 10; z-index: 10;
background-color: #241917; background-color: #241917;
max-width: 35rem; top: 2.5rem;
top: 30%; left: 2.5rem;
left: 15%; bottom: 2.5rem;
right: 2.5rem;
} }
@media only screen and (max-width: 625px) { @media only screen and (max-width: 625px) {
@ -139,6 +140,26 @@ body,
padding: 5px; padding: 5px;
} }
.area-full {
word-wrap: break-word;
font-size: 12px !important;
background-color: #241917;
color: #fff;
border: 4px solid #f3bbae92;
padding: 5px;
height: 100%;
margin-bottom: 1rem;
}
.area-full:hover {
border: 4px solid #f3bbae92;
}
#spellCheck {
height: 100%;
display: flex;
}
#linksTab, #linksTab,
#contactTab, #contactTab,
#dashTab { #dashTab {
@ -148,6 +169,7 @@ body,
#tab-links:checked ~ #linksTab, #tab-links:checked ~ #linksTab,
#tab-contact:checked ~ #contactTab, #tab-contact:checked ~ #contactTab,
#tab-about:checked ~ #aboutTab, #tab-about:checked ~ #aboutTab,
#tab-spellcheck ~ #spellCheck,
#tab-dash:checked ~ #dashTab { #tab-dash:checked ~ #dashTab {
display: block; display: block;
} }