+
How to participate in the project?
+
+
+ We currently have a discussion ongoing at talk.libreho.st and are developing tools at lab.libreho.st.
+
+
+
+ If you would like to be included in this list please add a librehost.json file to your projects website and add the project itself to the librehosters directory repository.
+
+
+
+
+
+
+
diff --git a/style.css b/style.css
index 798c450a130179c57ccd9fbdebc9b0df028a5189..04de19c268bc37ff7e8f36b586d8eac5d24e027f 100644
--- a/style.css
+++ b/style.css
@@ -22,25 +22,15 @@ html, body {
width: 100%;
}
-#attribution {
- display: inline-block;
- position: absolute;
- top: 55vh;
- right: 0.5rem;
- margin-top: 2.5rem;
- color: white;
- background: hsla(0, 0%, 0%, 0.5);
- padding: 0.5rem;
- border-radius: 0.5rem;
-}
-
.header {
- padding: 0 1rem;
- text-align: center;
+ padding: 1rem;
color: white;
min-height: 5rem;
- line-height: 5rem;
background: hsla(208, 56%, 46%, 1);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
}
a {
@@ -53,21 +43,29 @@ h1 {
.ideals {
color: white;
- height: 55vh;
display: flex;
- align-items: center;
- align-content: center;
- flex-direction: row-reverse;
+ flex-direction: column;
}
.block {
- margin-right: 10vw;
display: inline-block;
background: hsla(0, 0%, 0%, 0.5);
- max-width: 30%;
+ max-width: 90%;
padding: 2rem;
border-radius: 0.2rem;
font-size: 1.6rem;
+ margin: 40px 20px;
+}
+
+.attribution {
+ color: white;
+ background: hsla(0, 0%, 0%, 0.5);
+ padding: 0.5rem;
+ border-radius: 0.5rem;
+ font-size: 0.8rem;
+ display: inline-block;
+ margin-bottom: 10px;
+ align-self: end;
}
.block a {
@@ -87,3 +85,15 @@ h1 {
text-align: center;
padding: 1rem;
}
+
+.directory {
+ margin-top: 20px;
+}
+
+@media (min-width: 992px) {
+ .block {
+ align-self: end;
+ margin-right: 10vw;
+ max-width: 30%;
+ }
+}