~singpolyma/xmpp-certwatch

e8af68e8b83086cf80c235f8a50434ec231d666b — Stephen Paul Weber 5 months ago 2ef88b4
Add discuss link and fix CSS
3 files changed, 73 insertions(+), 67 deletions(-)

M public/index.html
M public/styles.css
M templates/header.html
M public/index.html => public/index.html +1 -0
@@ 9,6 9,7 @@
	<body>
		<header>
			<img src="logo.svg" alt="CertWatch" />
			<a href="xmpp:discuss@conference.soprani.ca?join">Discuss</a>
			<a href="https://git.singpolyma.net/xmpp-certwatch">Source code</a>
		</header>
		<h1>Machine-in-the-middle Detection and Monitoring for XMPP Servers</h1>

M public/styles.css => public/styles.css +69 -65
@@ 1,106 1,110 @@
body {
	 margin: 1em 5% 3em 5%;
	 font-family: sans-serif;
	 background-color: #fbf0e0;
	 color: #000;
	margin: 1em 5% 3em 5%;
	font-family: sans-serif;
	background-color: #fbf0e0;
	color: #000;
}

header {
	 display: block;
	 border-bottom: 1px solid #4731ae;
	 margin: 0 -5% 1em -5%;
	 padding-left: 5%;
	 padding-right: 5%;
	 overflow: hidden;
	text-align: right;
	display: flow-root;
	border-bottom: 1px solid #4731ae;
	margin: 0 -5% 1em -5%;
	padding-top: 0.28em;
	padding-left: 5%;
	padding-right: 5%;
	overflow: hidden;
}

header img {
	 max-height: 3em;
	float: left;
	max-height: 3em;
	position: relative;
	top: -0.28em;
}

header a:not(:first-child) {
	 box-sizing: border-box;
	 display: block;
	 float: right;
	 height: 3em;
	 padding-top: 1.5em;
	box-sizing: border-box;
	display: inline-block;
	height: 3em;
	padding-top: 1.5em;
}

body > h1 {
	 text-align: center;
	text-align: center;
}

body > h1 + p {
	 text-align: center;
	text-align: center;
}

.success {
	 background-color: #61d97c;
	 border-radius: 1em;
	 padding: 2em;
	 max-width: 40em;
	 display: inline-block;
	 position: relative;
	 left: 50%;
	 transform: translateX(-50%);
	background-color: #61d97c;
	border-radius: 1em;
	padding: 2em;
	max-width: 40em;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.note {
	 background-color: #51D4E9;
	 border-radius: 1em;
	 padding: 2em;
	 max-width: 40em;
	 display: inline-block;
	 position: relative;
	 left: 50%;
	 transform: translateX(-50%);
	background-color: #51D4E9;
	border-radius: 1em;
	padding: 2em;
	max-width: 40em;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.warning {
	 background-color: #FFC71E;
	 border-radius: 1em;
	 padding: 2em;
	 max-width: 40em;
	 display: inline-block;
	 position: relative;
	 left: 50%;
	 transform: translateX(-50%);
	background-color: #FFC71E;
	border-radius: 1em;
	padding: 2em;
	max-width: 40em;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.error {
	 background-color: #E94655;
	 border-radius: 1em;
	 padding: 2em;
	 max-width: 40em;
	 display: inline-block;
	 position: relative;
	 left: 50%;
	 transform: translateX(-50%);
	background-color: #E94655;
	border-radius: 1em;
	padding: 2em;
	max-width: 40em;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

form {
	 display: inline-block;
	 position: relative;
	 left: 50%;
	 transform: translateX(-50%);
	 text-align: center;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

form input, form button {
	 font-size: 1.5em;
	 padding: 0.3em;
	font-size: 1.5em;
	padding: 0.3em;
}

.table {
	 display: inline-block;
	 max-width: 80vw;
	 overflow-x: auto;
	 position: relative;
	 left: 50%;
	 transform: translateX(-50%);
	display: inline-block;
	max-width: 80vw;
	overflow-x: auto;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

table td {
	 padding: 0.25em 0.5em 0.25em 0.5em;
	 white-space: nowrap;
	padding: 0.25em 0.5em 0.25em 0.5em;
	white-space: nowrap;
}

M templates/header.html => templates/header.html +3 -2
@@ 1,4 1,5 @@
<header>
	 <a href="/"><img src="logo.svg" alt="CertWatch" /></a>
	 <a href="https://git.singpolyma.net/xmpp-certwatch">Source code</a>
	<a href="/"><img src="logo.svg" alt="CertWatch" /></a>
	<a href="xmpp:discuss@conference.soprani.ca?join">Discuss</a>
	<a href="https://git.singpolyma.net/xmpp-certwatch">Source code</a>
</header>