huge update to implement first version of activitypub support. closes #16. AP and subdir hosting are incompatible!

1 files changed, 0 insertions, 371 deletions

diff --git a/css/microblog.css b/css/microblog.css
deleted file mode 100644
index e6a657a..0000000
--- a/css/microblog.css
+++ /dev/null
@@ -1,371 +0,0 @@
-@import './reset.css';
-
-:root {
-	--primary-color: #007aff;
-	--secondary-color: #fffceb;
-
-	--background-color: #b5b5af;
-	--text-color: #080f15;
-}
-
-html {
-	font: 100%/1.4 system-ui, Helvetica, sans-serif;
-	background-color: var(--background-color);
-	color: var(--text-color);
-}
-
-img {
-	display: block;
-	max-width: 100%;
-	height: auto;
-}
-
-.wrap {
-	width: min(95%, 40rem);
-	margin: 2rem auto;
-	padding: 1rem;
-	background-color: var(--secondary-color);
-	box-shadow: 0 1.25rem 1rem -1rem rgba(0,0,0,0.25);
-}
-
-.button {
-	display: block;
-	background: var(--primary-color);
-	color: var(--secondary-color);
-	text-decoration: none;
-	border-radius: 0.4rem;
-	padding: 0.2rem 0.5rem;
-	font-weight: bold;
-	text-align: center;
-}
-
-.button.alert {
-	background: coral;
-}
-
-.hidden {
-	display: none !important;
-}
-
-nav.main ul {
-	display: flex;
-	margin-bottom: 2rem;
-}
-
-nav.main li {
-	list-style: none;
-	flex: 1;
-}
-
-nav.main li a {
-	/* inherits from .button */
-}
-
-nav.main li + li a {
-	margin-left: 0.2rem;
-}
-
-.wrap .posts {
-
-}
-
-.wrap .posts > li {
-	list-style: none;
-	margin-bottom: 1rem;
-	border-bottom: 1px solid rgba(0,0,0,0.1);
-	padding-bottom: 1rem;
-
-	display: grid;
-	grid-template-columns: repeat(6, 1fr);
-}
-
-.wrap .posts > li > * {
-	outline: 0px solid #f0f;
-}
-
-.wrap .posts > li:last-child {
-	margin-bottom: 2rem;
-	border-bottom: 0;
-	padding-bottom: 0;
-}
-
-.timeline .pagination { overflow: hidden; }
-.timeline .pagination a {
-	display: block;
-	background: var(--primary-color);
-	color: var(--secondary-color);
-	text-decoration: none;
-	border-radius: 0.4rem;
-	padding: 0.2rem 0.6rem;
-	font-weight: bold;
-	float: left;
-}
-.timeline .pagination .next { float: right; }
-
-.wrap .post-timestamp {
-	display: block;
-	color: var(--primary-color);
-	text-decoration: none;
-	font-size: 0.8rem;
-	text-transform: uppercase;
-	font-weight: bold;
-	margin-bottom: 0.5rem;
-	grid-column-start: span 3;
-}
-
-.wrap .post-timestamp time.modified {
-	display: block;
-	color: hsla(0, 0%, 0%, 0.2);
-	mix-blend-mode: multiply;
-}
-
-.wrap .post-meta {
-	grid-column-start: span 3;
-}
-
-.wrap .post-meta ul {
-	display: flex;
-	justify-content: flex-end;
-	gap: 0.75ch;
-}
-
-.wrap .post-meta li {
-	list-style: none;
-}
-
-.wrap .post-meta li a {
-	display: block;
-	color: hsla(0, 0%, 0%, 0.2);
-	mix-blend-mode: multiply;
-	text-decoration: none;
-	font-size: 0.8rem;
-	text-transform: uppercase;
-	font-weight: bold;
-	margin-bottom: 0.5rem;
-}
-
-.wrap .post-meta li a:is(:hover, :focus) {
-	color: currentColor;
-}
-
-.wrap .post-content {
-	font-size: 1.25rem;
-	overflow-wrap: break-word;
-	grid-column-start: span 6;
-}
-
-.wrap .post-content a {
-	color: var(--primary-color);
-	text-decoration: none;
-}
-
-.wrap form.delete {
-	width: 100%;
-	grid-column-start: span 6;
-	display: flex;
-	margin-block-start: 2rem;
-}
-
-.wrap form.delete input[type="submit"] {
-	flex: 1;
-	line-height: 1.4;
-	cursor: pointer;
-}
-
-.wrap .posts li .message {
-	width: 100%;
-	grid-column-start: span 6;
-	margin-block-start: 2rem;
-}
-
-.postform form,
-form.edit,
-.login form {
-	grid-column-start: span 6;
-	overflow: hidden;
-}
-
-:is(.postform, .edit) textarea {
-	width: 100%;
-	border: 2px solid var(--background-color);
-	background: #fff;
-	padding: 0.5rem;
-	font-size: 1.25rem;
-	resize: vertical;
-	min-height: 10rem;
-	margin-bottom: 0.5rem;
-}
-
-:is(.postform, .edit) textarea:focus {
-	border-color: var(--primary-color);
-	outline: none;
-}
-
-:is(.postform, .edit) .post-nav {
-	width: 100%;
-	display: flex;
-	gap: 1rem;
-	align-items: center;
-}
-
-:is(.postform, .edit) input[type="submit"],
-.login input[type="submit"] {
-	-webkit-appearance: none;
-	appearance: none;
-	border: 0;
-	display: block;
-	background: var(--primary-color);
-	color: var(--secondary-color);
-	text-decoration: none;
-	border-radius: 0.4rem;
-	padding: 0.3rem 0.8rem 0.4rem;
-	font-weight: bold;
-	text-align: center;
-	cursor: pointer;
-	float: right;
-}
-
-:is(.postform, .edit) #count {
-	color: var(--background-color);
-}
-
-:is(.postform, .edit) #post-droparea {
-	border: 0.15rem dashed rgba(0,0,0,0.2);
-	color: rgba(0,0,0,0.35);
-	padding: 0.25rem;
-	cursor: pointer;
-}
-
-:is(.postform, .edit) #post-droparea.drag,
-:is(.postform, .edit) #post-droparea:is(:hover, :focus) {
-	background-color: var(--primary-color);
-	color: #fff;
-	border: 0.15rem solid var(--primary-color);
-}
-
-:is(.postform, .edit) #post-attachments-label {
-	display: flex;
-	border: 0.15rem dashed rgba(0,0,0,0.4);
-	color: rgba(0,0,0,0.4);
-	padding: 0.25rem;
-	cursor: pointer;
-	position: relative;
-	align-self: stretch;
-	align-items: center;
-}
-
-:is(.postform, .edit) #post-attachments {
-	/* cover the entire label, for drag and drop */
-	display: block;
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	opacity: 0;
-}
-
-:is(.postform, .edit) #post-attachments-list {
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	flex-wrap: nowrap;
-	padding-inline-end: 1rem;
-	align-self: stretch;
-	justify-content: center;
-}
-
-:is(.postform, .edit) #post-attachments-list li + li {
-	margin-block-start: 0.25em;
-	border-top: 1px solid rgba(0,0,0,0.2);
-	padding-block-start: 0.25em;
-}
-
-:is(.postform, .edit) #post-attachments-list img.file-preview {
-	display: inline-block;
-	vertical-align: middle;
-	margin-right: 1ch;
-	width: 1.75rem;
-	height: 1.75rem;
-	outline: 0px solid #f0f;
-	object-fit: cover;
-	background: #fff;
-}
-
-:is(.postform, .edit) #post-attachments-list input[type="checkbox"] {
-	-webkit-appearance: checkbox;
-	appearance: checkbox;
-}
-
-:is(.timeline, .single) .post-attachments {
-	grid-column-start: span 6;
-	margin-block-start: 1rem;
-}
-
-:is(.timeline, .single) .post-attachments li + li {
-	margin-block-start: 0.5rem;
-}
-
-:is(.postform, .edit) .message,
-.login .message {
-	background-color: #87b26c;
-	padding: 0.5rem;
-	color: var(--secondary-color);
-	border-radius: 0.4rem;
-	margin-bottom: 0.5rem;
-}
-
-:is(.postform, .edit) .error,
-.login .error {
-	background-color: #9c2128;
-}
-
-.login input[type="text"],
-.login input[type="password"] {
-	width: 100%;
-	border: 2px solid var(--background-color);
-	background: #fff;
-	padding: 0.5rem;
-	font-size: 1.25rem;
-	resize: vertical;
-	margin-bottom: 0.5rem;
-}
-
-.login input[type="text"]:focus,
-.login input[type="password"]:focus {
-	border-color: var(--primary-color);
-	outline: none;
-}
-
-footer {
-	width: min(95%, 40rem);
-	margin: 0.5rem auto 2rem;
-}
-
-footer ul {
-	list-style: none;
-	display: flex;
-	justify-content: center;
-	gap: 1rem;
-}
-
-footer li a {
-	color: hsla(0, 0%, 0%, 0.3);
-	text-decoration: none;
-	font-size: 0.8rem;
-	text-transform: uppercase;
-	font-weight: bold;
-	margin-bottom: 0.5rem;
-}
-
-/*
-@supports (background: paint(id)) {
-	input[type="submit"] {
-		background: paint(squircle) !important;
-		--squircle-radius: 8px;
-		--squircle-fill: var(--primary-color);
-
-		border-radius: 0;
-	}
-}
-*/