Skip to content

Add dedicated politics page to DATRO site #152

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
unclehowell wants to merge 1 commit into
base: gh-pages
Choose a base branch
from
Open

Add dedicated politics page to DATRO site #152

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 10 additions & 3 deletions static/_treeview.json
100755 → 100644
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
}
},
{
"name": "<div class='title-line enable-link'><div class='icon i-hbnb'></div>Hotspotβnβ</div>",
"name": "<div class='title-line enable-link'><div class='icon i-hbnb'></div>Hotspotβnβ</div>",
"path": "./gui/index.html",
"_links": {
"html": "./gui/index.html"
Expand All @@ -20,11 +20,18 @@
"html": "./datro/index.html"
}
},
{
{
"name": "<div class='title-line enable-link'><div class='icon f-datro'></div>Politics</div>",
"path": "./datro/politics.html",
"_links": {
"html": "./datro/politics.html"
}
},
{
"name": "<div class='page-scroll-fix'></div>",
"path": "javascript:void(0)",
"_links": {
"html": "javascript:void(0)"
}
}
}
]
21 changes: 12 additions & 9 deletions static/datro/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -105,16 +105,19 @@ <h1 class="v-h">Site Navigation</h1>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="technology.html">Portfolio</a>
</li>
<li class="nav-item"></li>
<li class="nav-item">
<a data-featherlight="iframe" data-featherlight-iframe-allowfullscreen="true" class="nav-link" href="/library/">Library</a>
</li>
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="technology.html">Portfolio</a>
</li>
<li class="nav-item"></li>
<li class="nav-item">
<a data-featherlight="iframe" data-featherlight-iframe-allowfullscreen="true" class="nav-link" href="/library/">Library</a>
</li>
<li class="nav-item">
<a class="nav-link" href="politics.html">Politics</a>
</li>

</ul>
</ul>
</div>
</nav>
</header>
Expand Down
215 changes: 215 additions & 0 deletions static/datro/politics.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,215 @@
<!DOCTYPE html>
<html class="no-js is-responsive is-mobile-first" lang="en">
<head>
<meta charset="utf-8">
<link href="//datro.xyz/static/datro/politics.html" rel="canonical">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, shrink-to-fit=no" name="viewport">
<meta content="DATRO Consortium" name="author">
<meta content="DATRO Consortium Political Position" name="description">
<title>DATRO Consortium | Politics</title>
<link href="img/favicons/apple-icon-57x57.png" rel="apple-touch-icon" sizes="57x57">
<link href="img/favicons/apple-icon-60x60.png" rel="apple-touch-icon" sizes="60x60">
<link href="img/favicons/apple-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
<link href="img/favicons/apple-icon-76x76.png" rel="apple-touch-icon" sizes="76x76">
<link href="img/favicons/apple-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
<link href="img/favicons/apple-icon-120x120.png" rel="apple-touch-icon" sizes="120x120">
<link href="img/favicons/apple-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">
<link href="img/favicons/apple-icon-152x152.png" rel="apple-touch-icon" sizes="152x152">
<link href="img/favicons/apple-icon-180x180.png" rel="apple-touch-icon" sizes="180x180">
<link href="img/favicons/android-icon-192x192.png" rel="icon" sizes="192x192" type="image/png">
<link href="img/favicons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="img/favicons/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png">
<link href="img/favicons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<link href="manifest.json" rel="manifest">
<meta content="#ffffff" name="msapplication-TileColor">
<meta content="img/favicons/ms-icon-144x144.png" name="msapplication-TileImage">
<meta content="#ffffff" name="theme-color">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/reset.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/footer.css" rel="stylesheet">
<link href="css/glyphicon.css" rel="stylesheet">
<style>
html {
overflow-y: scroll;
overflow-x: hidden;
}

body {
background: #333666;
color: #f5f5f5;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

main {
padding-top: 6rem;
padding-bottom: 4rem;
}

.politics-container {
max-width: 960px;
margin: 0 auto;
background: rgba(0, 0, 0, 0.2);
border-radius: 12px;
padding: 3rem 2.5rem;
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
}

.politics-container h1,
.politics-container h2,
.politics-container h3 {
color: #ffffff;
font-weight: 600;
}

.politics-container h1 {
font-size: 2.25rem;
margin-bottom: 1.5rem;
text-transform: uppercase;
letter-spacing: 0.12rem;
}

.politics-container h2 {
margin-top: 2.5rem;
margin-bottom: 1rem;
font-size: 1.75rem;
}

.politics-container h3 {
margin-top: 2rem;
margin-bottom: 0.75rem;
font-size: 1.25rem;
line-height: 1.6;
}

.politics-container p {
line-height: 1.7;
margin-bottom: 1.25rem;
color: #f1f1f1;
}

.politics-container ul {
list-style: none;
padding-left: 0;
margin-bottom: 1.25rem;
}

.politics-container ul li {
position: relative;
padding-left: 1.25rem;
margin-bottom: 0.4rem;
}

.politics-container ul li::before {
content: "•";
position: absolute;
left: 0;
color: #66ccff;
}

@media (max-width: 768px) {
.politics-container {
padding: 2.5rem 1.75rem;
}

.politics-container h1 {
font-size: 1.85rem;
letter-spacing: 0.08rem;
}

.politics-container h2 {
font-size: 1.5rem;
}

.politics-container h3 {
font-size: 1.15rem;
}
}
</style>
</head>
<body data-role="page">
<header id="mainWrapper">
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<h1 class="sr-only">Site Navigation</h1>
<a class="navbar-brand" data-content="DATRO" href="index.html" title="DATRO">
<img alt="DATRO Header Logo" loading="lazy" src="img/datro_logo.webp">
</a>
<button aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarCollapse" data-toggle="collapse" type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="technology.html">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" data-featherlight="iframe" data-featherlight-iframe-allowfullscreen="true" href="/library/">Library</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="politics.html">Politics</a>
</li>
</ul>
</div>
</nav>
</header>
<main>
<div class="politics-container">
<h1>Our Position</h1>
<p>As a security group, our core mission is to safeguard people, rights, and infrastructure&mdash;never to threaten them. We believe enduring security is inseparable from legitimate, accountable governance. For that reason, we support the democratic disestablishment of the British establishment and the peaceful transition to three sovereign nations&mdash;England, Wales, and Scotland&mdash;each with its own fully empowered institutions, constitution, and public mandate.</p>
<p>This is not a call for disorder; it is a call for clarity. We advocate constitutional change by lawful, electoral, and civic means: referenda, representative mandates, and due process. We reject sectarianism and all forms of prejudice. We affirm international human-rights standards, the rule of law, and the primacy of non-violence. Our operational stance is simple: protect communities, protect truth, and protect the democratic pathway to self-determination.</p>
<p>We recognise that public safety improves when decisions are made closer to the people they affect. Independent national frameworks allow tailored security, resilient supply chains, and accountable emergency planning&mdash;while maintaining cross-border cooperation where it best serves citizens. Our commitment is to help build the capabilities, protocols, and professional standards that such a transition requires&mdash;calmly, competently, and transparently.</p>

<h2>Acknowledgements</h2>
<p>We stand alongside&mdash;and take inspiration from&mdash;those already working, peacefully and democratically, toward national self-determination:</p>

<h3>Wales &mdash; Grassroots and political movements advancing independence and civic participation, including YesCymru and AUOB Cymru (All Under One Banner Cymru), as well as pro-independence parties such as Plaid Cymru.</h3>
<ul>
<li>The Party of Wales</li>
<li>+3</li>
<li>YesCymru EN</li>
<li>+3</li>
<li>YesCymru EN</li>
<li>+3</li>
</ul>

<h3>Scotland &mdash; Campaigns and parties advocating independence and civic organising, including All Under One Banner (AUOB), Believe in Scotland, the Scottish National Party (SNP), the Scottish Greens, and Alba Party.</h3>
<ul>
<li>albaparty.org</li>
<li>+4</li>
<li>Wikipedia</li>
<li>+4</li>
<li>Believe in Scotland</li>
<li>+4</li>
</ul>

<h3>England &mdash; Organisations exploring English self-government and independence, including the Campaign for an English Parliament (CEP) and the English Democrats (noting that viewpoints within the English independence space are diverse and sometimes contested).</h3>
<ul>
<li>englishdemocrats.party</li>
<li>+3</li>
<li>thecep.org.uk</li>
<li>+3</li>
<li>Wikipedia</li>
<li>+3</li>
</ul>

<p>We acknowledge many others&mdash;local chapters, community networks, academics, legal scholars, and civic volunteers&mdash;whose work on devolution, constitutional design, and democratic practice contributes to this conversation.</p>
</div>
</main>

<script defer src="js/jquery-3.3.1.min.js"></script>
<script defer src="js/bootstrap.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
var libraryLinks = document.querySelectorAll('a[href*="/library/"]');
var hostname = window.location.hostname;

for (var i = 0; i < libraryLinks.length; i++) {
var link = libraryLinks[i];
if (hostname === 'datro.xyz') {
link.setAttribute('href', 'https://library.datro.xyz/');
}
}
});
</script>
</body>
</html>