diff --git a/index.html b/index.html index d0177fc..0bccddc 100644 --- a/index.html +++ b/index.html @@ -1,189 +1,158 @@ - + - - - - Servers.coop - + + + + servers.coop + - - - - - - - -
-
- -
- ABOUT - PARTNERS + + + + + + + + +
+ +
+ +
+ ABOUT + PARTNERS +
+
+ +
+
+ +
+

+ A DIY framework for community-owned computing +

+

+ We believe in a world where our technology services are run + by people we know, instead of remote, profit-hungry advertising companies. +

+
+ TRY IT OUT + GET IN TOUCH
-
+ + -
-
-
-

- A recipe for self-managed co-operative computing. -

-

- Servers.coop is an algorithm for co-operation: a technical, - governance, and cost-sharing stack which radically reduces the - cost and complexity of setting up a server hosting provider. -

-
- TRY IT OUT - GET IN TOUCH -
-
- -
-
- technology food pyramid showing serverscoop at the base, with operating systems and applications on top -
-
- A cute looking person squatting like a hipster -
-
- -
- TRY IT OUT - GET IN TOUCH -
-
- - -
-
-

- Reclaiming digital infrastructure -

-

- Our goal is to support an emerging ecosystem of grassroots, - decentralised server hosting providers by stewarding a technical - and social toolkit designed for free software communities - worldwide. -

-
-
- dove carrying olive branch -

- Libre software platform -

-

- Free and libre server hosting service utilizing - Capsul, a brand new Affero GPL licensed Virtual Machine as a - Service platform -

-
-
- handshake -

- Co-operative algorithm -

-

- Co-operative ownership models and toolkits for software, - hardware and social protocols for creating and operating a - server hosting provider -

-
-
-

-
- -

-
-
-
-
- two nerds looking smug, confident, and happy -
-
-
- +
+ technology food pyramid showing serverscoop at the base, with operating systems and applications on top +
+
+ A cute looking person squatting like a hipster - -

A joint mission

-

- Servers.coop is the collective effort of new and established - entities in the tech co-operative space. -

- -
- - autonomic - - - Cyberia Computer Club - - - MC3 - - - - webarchitects - - - Co-operative Network Infrastructure - - - mediablazehosts.coop - -
- -
- - +
+ TRY IT OUT + GET IN TOUCH +
+ + + + +
+
+

Reclaim Hosting

+

+ We've set out to reclaim the means of hosting, + by making it easier for small organisations + to manage virtual machines on their own hardware. +

+
+
+ dove carrying olive branch +

+ libre software platform +

+

+ Open source server hosting service utilizing Capsul, + a brand new Affero GPL licensed Virtual Machine as a Service platform +

+
+
+ handshake +

+ co-operative strategy +

+

+ More than just a service provider, more than just a business.
+ We aim to nurture a co-operative community of small hosters +

+
+
+

+
+

+
+
+
+
+ two nerds looking smug, confident, and happy +
+
+
+ + +

A joint mission

+

Serverscoop is the collective effort of new and established entities in the tech co-operative space.

+ +
+ + autonomic + + + Cyberia Computer Club + + + MC3 + + + + webarchitects + + + Co-operative Network Infrastructure + + + mediablazehosts.coop + + + + +
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/static/favicon.ico b/static/favicon.ico deleted file mode 100644 index 405e84c..0000000 Binary files a/static/favicon.ico and /dev/null differ diff --git a/static/logo-cyberia.png~ b/static/logo-cyberia.png~ new file mode 100644 index 0000000..d1afe6f Binary files /dev/null and b/static/logo-cyberia.png~ differ diff --git a/static/logo.svg b/static/logo.svg index 77f084f..5de3529 100644 --- a/static/logo.svg +++ b/static/logo.svg @@ -1,22 +1,14 @@ - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + diff --git a/static/pyramid.png b/static/pyramid.png new file mode 100644 index 0000000..198bb05 Binary files /dev/null and b/static/pyramid.png differ diff --git a/static/pyramid.svg b/static/pyramid.svg deleted file mode 100644 index 814c224..0000000 --- a/static/pyramid.svg +++ /dev/null @@ -1,127 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/serverscoop.css b/static/serverscoop.css index a8bc401..1d4ee96 100644 --- a/static/serverscoop.css +++ b/static/serverscoop.css @@ -1,3 +1,4 @@ + body { display: flex; flex-direction: row; @@ -9,7 +10,7 @@ body { } main { - padding: 1.5rem; + padding: 2rem; width: 1280px; display: flex; flex-direction: column; @@ -26,6 +27,7 @@ main { } } + a { text-decoration: initial; color: var(--accent); @@ -34,18 +36,15 @@ a { p { font-weight: bold; color: var(--off-black); - line-height: 1.7em; + line-height: 1.7em; font-size: var(--font-size-m); } -h1, -h2, -h3 { +h1,h2,h3 { color: var(--accent); font-weight: bold; } -h1, -h2 { +h1,h2 { font-size: var(--font-size-xl); } h3 { @@ -54,12 +53,13 @@ h3 { header { margin-top: 1.5vh; - margin-right: 100px; + margin-right: 220px; display: flex; flex-direction: row; justify-content: space-between; } + header a, footer a { margin: 0.6rem; @@ -70,13 +70,15 @@ footer a { } header a { - margin: 1.2rem; + margin: 1.8rem; } header img { width: 316px; } + + @media screen and (max-width: 1280px) { header { margin-top: 0.4rem; @@ -98,7 +100,7 @@ header img { header .header-links { justify-content: flex-start; } - header .header-links a:first-of-type { + header .header-links a:first-of-type{ margin-left: 0; } } @@ -107,7 +109,7 @@ header img { display: flex; flex-direction: row; width: 100%; - margin-top: 0.5rem; + margin-top: 2rem; } .splash p { @@ -115,8 +117,9 @@ header img { } .splash h1 { - margin-top: 1rem; - line-height: 1.6em; + + margin-top: 1rem; + line-height: 1.6em; } .splash-text-content { @@ -131,14 +134,12 @@ header img { } .pyramid-image { - position: absolute; - top: 180px; - left: 800px; + position: relative; } .squatting-person { position: relative; - top: 360px; + top: 298px; right: 532px; } .splash > .button-links { @@ -182,7 +183,6 @@ header img { .splash > .button-links { margin: 40px; margin-bottom: 80px; - margin-top: 100px; display: flex; } .pyramid-image { @@ -200,18 +200,15 @@ header img { max-width: initial; } .splash-image-content { - height: 300px; + height: 300px; } .pyramid-image { - position: absolute; - width: 420px; - top: 460px; - left: 100px; + width: 360px; } .squatting-person { - top: 240px; - right: 320px; - width: 100px; + top: 198px; + right: 292px; + width: 80px; } .splash > .button-links { margin-left: 0; @@ -220,6 +217,9 @@ header img { } } + + + .button-link { font-family: var(--font-family-mono); padding: 15px 22px; @@ -234,28 +234,28 @@ header img { color: var(--white); } -.background-tilt-top, -.background-tilt-bottom { +.background-tilt-top, .background-tilt-bottom { margin: 0; width: var(--width-desktop); } .background-tilt-top { - margin-top: -1rem; + margin-top: -4rem; } @media screen and (max-width: 1280px) { - .background-tilt-top, - .background-tilt-bottom { + .background-tilt-top, .background-tilt-bottom { width: var(--width-tablet); } } @media screen and (max-width: 768px) { - .background-tilt-top, - .background-tilt-bottom { + .background-tilt-top, .background-tilt-bottom { width: 100%; } } + + + .main-content { width: 100%; margin: 0; @@ -276,9 +276,7 @@ header img { text-align: left; } -.box h1, -.box h2, -.box h3 { +.box h1,.box h2,.box h3 { margin-left: 8px; } @@ -338,6 +336,7 @@ header img { } } + .logos { max-width: 60%; margin-bottom: 30px; @@ -415,6 +414,7 @@ footer { flex-wrap: wrap; } + .float-right { float: right; -} +} \ No newline at end of file