recycled.cloud/index.part

<div id="section-hero">
	<h1>Local and recycled cloud services.</h1>
	<p>Swiss-based and as sustainable as we can.</p>

	<a href="https://meta.recycled.cloud" class="btn btn-bold margin-right-20">Access the Console</a>
	<a href="/manifesto.html" class="btn btn-bold">Read our Manifesto</a>
</div>
<div id="section-services">
	<h2>Solutions for your projects</h2>
	<div class="container">
		<div class="row">
			<div class="col">
				<img src="assets/images/web.svg" alt="Recycled Cloud web hosting logo" class="service-logo" />
				<h3>Web Hosting</h3>

				<p class="service-description">
				Low-footprint static website, Wordpress and
				generic PHP hosting.
				</p>

				<a href="services.html" class="btn btn-bold">Learn more</a>
			</div>
			<div class="col">
				<img src="assets/images/nas.svg" alt="Recycled Cloud backup hosting logo" class="service-logo" />
				<h3>Storage</h3>

				<p class="service-description">
				Borg-based backup service and file syncing with
				NextCloud.
				</p>

				<a href="services.html" class="btn btn-bold">Learn more</a>
			</div>
			<div class="col">
				<img src="assets/images/server.svg" class="service-logo" />
				<h3>Generic Hosting</h3>

				<p class="service-description">
				KVM virtual machines, running either one of our
				images or your own.
				</p>

				<a href="services.html" class="btn btn-bold">Learn more</a>
			</div>
		</div>
	</div>
</div>

<div id="section-members">
	<div class="row">
		<div class="col">
			<h2>Members & Friends</h2>
			<p>
			We wish the Recycled Cloud to be backed by a multitude of small
			organizations, fighting against centralization and promoting a more
			local and humans-centered IT.
			</p>
		</div>
		<div class="col">
			<div class="row justify-content-md-center">
				<div class="col-6">
					<div class="member-logo-container">
						<img id="member-logo-edurable" alt="e-Durable logo" src="assets/images/edurable-logo-black.svg" />
					</div>

					<ul>
						<li><a href="https://e-durable.ch/support_services">IT Support</a></li>
						<li><a href="https://e-durable.ch/project_management">Project Management</a></li>
						<li><a href="https://e-durable.ch/contact.html">Website UX & Design</a></li>
					</ul>
				</div>
				<!--
				<div class="col">
					<div class="member-logo-container">
						<img id="member-logo-ungleich" src="assets/images/ungleich-logo-black.svg" />
					</div>
					<ul>
						<li><a href="https://ungleich.ch/u/products/colocation/">Server Colocation</a></li>
						<li><a href="https://ungleich.ch/u/products/ipv6-mobile-internet-router/">IPv6-Everywhere</a></li>
					</ul>
				</div>
				-->
			</div>
		</div>
	</div>
</div>
<div id="section-howcanyouhelp">
	<h2>How can you help?</h2>

	<div class="container">
		<div class="row">
			<div class="col">
				<h3>Donate unused hardware</h3>
				<p>
				... or make sure you don't buy any new without a good reason!
				</p>
			</div>
			<div class="col">
				<h3>Spread the word!</h3>
				<p>
				We still have spare resources in our current infrastructure.
				</p>
			</div>
			<div class="col">
				<h3>Join the federation!</h3>

				<p>
				We would gladly welcome new members, helping them help
				us run the infrastructure running our Cloud.
				</p>
			</div>
		</div>
	</div>
</div>
<div id="section-contact">
	<div class="container">
		<div class="row">
			<div class="col-9">
				<h2>Interested? Reach out to our team!</h2>
			</div>
			<div class="col-3">
				<a href="contact.html" class="btn btn-bold">Contact us</a>
			</div>
		</div>
	</div>
</div>
<div id="section-tech">
	<h2>Tech Stack</h2>

	<div class="row">
		<div class="col-6">
			<p>
			The technical documentation of the Recycled Cloud is
			public and available under an open license. We build
			atop Free/Libre and Open Source Software in the most
			open way we can find: we find no value in keeping our
			work for ourselves.
			</p>
			<p>
			We are grateful for the many existing projects we use as building
			blocks, and contribute back as much as we can.
			</p>

			<p>
			<a href="https://wiki.recycled.cloud/recycled_cloud/home">Technical Documentation</a>
			</p>
		</div>
	</div>

	<!--
	 <div class="tech-logo-row">
	 <img class="tech-logo" src="assets/images/alpine-logo.svg" />
	 <img class="tech-logo" src="assets/images/debian-logo.png" />
	 <img class="tech-logo" src="assets/images/cdist-logo.jpeg" />
	 <img class="tech-logo" src="assets/images/opennebula-logo.png" />
	 <img class="tech-logo" src="assets/images/ceph-logo.png" />
	 </div>
	-->
</div>