Website updates
This commit is contained in:
155
services/hosting.html
Normal file
155
services/hosting.html
Normal file
@@ -0,0 +1,155 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<title>Hosting & Administration — circlewithadot.net</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<link href="../style.css?v=20250831" rel="stylesheet" />
|
||||||
|
<style>
|
||||||
|
/* Page-only CSS */
|
||||||
|
.page-wrap {
|
||||||
|
max-width: 860px;
|
||||||
|
margin: 0 auto 60px;
|
||||||
|
padding: 0 16px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 16px;
|
||||||
|
margin: 16px 0 10px;
|
||||||
|
}
|
||||||
|
.page-header h1 {
|
||||||
|
font-size: 44px;
|
||||||
|
margin: 0 0 4px;
|
||||||
|
}
|
||||||
|
.page-sub {
|
||||||
|
color: #9aa0a6;
|
||||||
|
margin: 0 0 18px;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-card {
|
||||||
|
background: #121214;
|
||||||
|
border: 1px solid #1d1f21;
|
||||||
|
border-radius: 14px;
|
||||||
|
padding: 22px;
|
||||||
|
box-shadow: 0 14px 40px rgba(0,0,0,.45);
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-card p {
|
||||||
|
margin: 0;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.examples-title {
|
||||||
|
margin: 0 0 10px;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #9aa0a6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Make the icon row feel like the homepage “services” box */
|
||||||
|
.examples-card .icon-row {
|
||||||
|
margin-top: 8px;
|
||||||
|
justify-content: flex-start;
|
||||||
|
gap: 18px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.examples-note {
|
||||||
|
margin-top: 12px;
|
||||||
|
color: #9aa0a6;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header class="site-header">
|
||||||
|
<a class="brand" href="../index.html">
|
||||||
|
<img class="brand-logo" src="../images/cwad_logo.png" alt="Circle With A Dot logo" />
|
||||||
|
<span class="brand-name">CIRCLE WITH A DOT</span>
|
||||||
|
</a>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main class="page-wrap">
|
||||||
|
<header class="page-header">
|
||||||
|
<div>
|
||||||
|
<h1>Hosting & Administration</h1>
|
||||||
|
<p class="page-sub">Limited availability • Case-by-case</p>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section class="page-card">
|
||||||
|
<p>
|
||||||
|
We provide limited-availability, case-by-case managed hosting and administration for organizations that want reliable
|
||||||
|
services without running the infrastructure in-house. We do not offer web design services.
|
||||||
|
<br /><br />
|
||||||
|
Current offerings include Nextcloud, Matrix (Synapse), Mastodon, and blockchain nodes.
|
||||||
|
<br /><br />
|
||||||
|
Every deployment includes a hardened setup, monitoring, updates, and backend support (server, containers, and proxy),
|
||||||
|
with optional offsite backups.
|
||||||
|
<br /><br />
|
||||||
|
Email <a href="mailto:james@circlewithadot.net">james@circlewithadot.net</a> with a short description of your needs to
|
||||||
|
request an estimate and schedule a call.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="page-card examples-card" style="margin-top:16px;">
|
||||||
|
<p class="examples-title"><strong>Examples of services we run</strong></p>
|
||||||
|
<div class="icon-row">
|
||||||
|
<a href="https://mastodon.circlewithadot.net/@cwad" target="_blank" rel="noopener">
|
||||||
|
<img src="../images/icon_mastodon.png" alt="Mastodon" />
|
||||||
|
</a>
|
||||||
|
<a href="https://peertube.circlewithadot.net" target="_blank" rel="noopener">
|
||||||
|
<img src="../images/icon_peertube.png" alt="PeerTube" />
|
||||||
|
</a>
|
||||||
|
<a href="https://funkwhale.circlewithadot.net" target="_blank" rel="noopener">
|
||||||
|
<img src="../images/icon_funkwhale.png" alt="Funkwhale" />
|
||||||
|
</a>
|
||||||
|
<a href="https://git.circlewithadot.net/explore/repos" target="_blank" rel="noopener">
|
||||||
|
<img src="../images/icon_gitea.png" alt="Gitea" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="examples-note">
|
||||||
|
Note: these are examples of platforms in our stack. Managed hosting offerings may vary by project.
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<footer class="site-footer" role="contentinfo" style="margin-top:16px;">
|
||||||
|
<div class="footer-inner">
|
||||||
|
<div class="footer-left">
|
||||||
|
<a
|
||||||
|
href="https://creativecommons.org/licenses/by-nc-sa/4.0/"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener"
|
||||||
|
class="footer-text"
|
||||||
|
>
|
||||||
|
BY-NC-SA 4.0
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer-center">
|
||||||
|
<a
|
||||||
|
href="https://en.wikipedia.org/wiki/Copyleft"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener"
|
||||||
|
class="footer-icon"
|
||||||
|
aria-label="Copyleft (learn more)"
|
||||||
|
>
|
||||||
|
<img src="../images/cl.png" alt="Copyleft" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer-right footer-links">
|
||||||
|
<a href="../LICENSE">License</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<a rel="me" href="https://mastodon.circlewithadot.net/@incentive" class="hidden">Mastodon</a>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user