init
new file: .gitignore new file: Makefile new file: css/chunkfive/chunkfive-regular-webfont.woff new file: css/chunkfive/chunkfive-regular-webfont.woff2 new file: css/chunkfive/chunkfive.otf new file: css/chunkfive/stylesheet.css new file: index.html
This commit is contained in:
commit
10855c35cc
7 changed files with 223 additions and 0 deletions
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
env/*
|
||||||
4
Makefile
Normal file
4
Makefile
Normal file
|
|
@ -0,0 +1,4 @@
|
||||||
|
http:
|
||||||
|
# In the second shell, run a "mock" simple HTTP webserver to serve index.html:
|
||||||
|
env/bin/python -m http.server 8000
|
||||||
|
|
||||||
BIN
css/chunkfive/chunkfive-regular-webfont.woff
Normal file
BIN
css/chunkfive/chunkfive-regular-webfont.woff
Normal file
Binary file not shown.
BIN
css/chunkfive/chunkfive-regular-webfont.woff2
Normal file
BIN
css/chunkfive/chunkfive-regular-webfont.woff2
Normal file
Binary file not shown.
BIN
css/chunkfive/chunkfive.otf
Normal file
BIN
css/chunkfive/chunkfive.otf
Normal file
Binary file not shown.
12
css/chunkfive/stylesheet.css
Normal file
12
css/chunkfive/stylesheet.css
Normal file
|
|
@ -0,0 +1,12 @@
|
||||||
|
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 4, 2021 */
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'chunkfiveregular';
|
||||||
|
src: url('chunkfive-regular-webfont.woff2') format('woff2'),
|
||||||
|
url('chunkfive-regular-webfont.woff') format('woff');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
|
||||||
|
}
|
||||||
206
index.html
Normal file
206
index.html
Normal file
|
|
@ -0,0 +1,206 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<title>grow food not lawn — unturf.</title>
|
||||||
|
|
||||||
|
<!-- this makes mobile pretty... -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="theme-color" content="#5871ad">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
|
||||||
|
<!-- unturf. logo! -->
|
||||||
|
<link rel="stylesheet" href="css/chunkfive/stylesheet.css" type="text/css" charset="utf-8" />
|
||||||
|
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="d-flex flex-column flex-shrink-0 p-3 text-white bg-dark" style="width: 280px;">
|
||||||
|
|
||||||
|
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-white text-decoration-none">
|
||||||
|
<svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg>
|
||||||
|
<span class="fs-1" style="font-family: 'chunkfiveregular';" >unturf.</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
<ul class="nav nav-pills flex-column mb-auto">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link active" aria-current="page">
|
||||||
|
<svg class="bi me-2" width="16" height="16"><use xlink:href="#home"/></svg>
|
||||||
|
Home
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<!--
|
||||||
|
<li>
|
||||||
|
<a href="#" class="nav-link text-white">
|
||||||
|
<svg class="bi me-2" width="16" height="16"><use xlink:href="#speedometer2"/></svg>
|
||||||
|
Dashboard
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="nav-link text-white">
|
||||||
|
<svg class="bi me-2" width="16" height="16"><use xlink:href="#table"/></svg>
|
||||||
|
Orders
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="nav-link text-white">
|
||||||
|
<svg class="bi me-2" width="16" height="16"><use xlink:href="#grid"/></svg>
|
||||||
|
Products
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="nav-link text-white">
|
||||||
|
<svg class="bi me-2" width="16" height="16"><use xlink:href="#people-circle"/></svg>
|
||||||
|
Customers
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<hr>
|
||||||
|
-->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-9 mx-auto p-3 py-md-5">
|
||||||
|
|
||||||
|
<nav class="navbar navbar-light justify-content-between">
|
||||||
|
<a class="navbar-brand">grow food not lawn.</a>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<br>
|
||||||
|
To start the conversation off, this is our first thread: <b>What are the possible ways to define a "Permacomputer".</b> Let's talk about existing technologies distributed computed and centralized stacks. Let's talk about bittorrent. Let's talk about the game changing Cloudflare R2 (AWS S3 compatible object store). Let's talk about cryptocurrency. Let's talk about the "pirate" peer-to-peer distribution networks of the 1990's and 2000's. Think inside and outside the box. After a couple of weeks this thread will be moved to the forum and a new thread will be posed to help the group move forward with either more creative thought or creative action. Right now we are searching to understand each of our specialized knowledge as a group.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
I'm working on setting up a matrix server for the people of the community who work better via async instant messages or chat. All communications on this server will be encrypted so if you are interested please install the Element client and get yourself familar with it, I think the core team will likely use it.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
If you are coming here just for support, please check back in a couple weeks, I'm going to be posting videos here before any other platforms. My next step is to move all my content under this domain free from advertisements or tracking! Thank you all for your support and for visiting this link, you are very early but I'm rushing to get everything ready for many great minds to share with each other.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
I'm so excited you are here, thank you again!
|
||||||
|
|
||||||
|
<!--
|
||||||
|
|
||||||
|
<div class="dropdown">
|
||||||
|
<a href="#" class="d-flex align-items-center text-decoration-none" id="dropdownUser1" data-bs-toggle="dropdown" aria-expanded="false">
|
||||||
|
<img src="https://github.com/mdo.png" alt="" width="32" height="32" class="rounded-circle me-2">
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-menu-dark text-small shadow" aria-labelledby="dropdownUser1">
|
||||||
|
<li><a class="dropdown-item" href="#">New project...</a></li>
|
||||||
|
<li><a class="dropdown-item" href="#">Settings</a></li>
|
||||||
|
<li><a class="dropdown-item" href="#">Profile</a></li>
|
||||||
|
<li><hr class="dropdown-divider"></li>
|
||||||
|
<li><a class="dropdown-item" href="#">Sign out</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
-->
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<div class="row g-5">
|
||||||
|
|
||||||
|
<!--
|
||||||
|
<h1>Get started with Bootstrap</h1>
|
||||||
|
<p class="fs-5 col-md-8">Quickly and easily get started with Bootstrap's compiled, production-ready files with this barebones example featuring some basic HTML and helpful links. Download all our examples to get started.</p>
|
||||||
|
|
||||||
|
<div class="mb-5">
|
||||||
|
<a href="/docs/5.1/examples/" class="btn btn-primary btn-lg px-4">Download examples</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="col-3 col-md-2 mb-5">
|
||||||
|
|
||||||
|
<div class="col-md-6">
|
||||||
|
<h2>Starter projects</h2>
|
||||||
|
<p>Ready to beyond the starter template? Check out these open source projects that you can quickly duplicate to a new GitHub repository.</p>
|
||||||
|
<ul class="icon-list">
|
||||||
|
<li><a href="https://github.com/twbs/bootstrap-npm-starter" rel="noopener" target="_blank">Bootstrap npm starter</a></li>
|
||||||
|
<li class="text-muted">Bootstrap Parcel starter (coming soon!)</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-6">
|
||||||
|
<h2>Guides</h2>
|
||||||
|
<p>Read more detailed instructions and documentation on using or contributing to Bootstrap.</p>
|
||||||
|
<ul class="icon-list">
|
||||||
|
<li><a href="/docs/5.1/getting-started/introduction/">Bootstrap quick start guide</a></li>
|
||||||
|
<li><a href="/docs/5.1/getting-started/webpack/">Bootstrap Webpack guide</a></li>
|
||||||
|
<li><a href="/docs/5.1/getting-started/parcel/">Bootstrap Parcel guide</a></li>
|
||||||
|
<li><a href="/docs/5.1/getting-started/contribute/">Contributing to Bootstrap</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
-->
|
||||||
|
|
||||||
|
<!-- Remarkbox - Your readers want to communicate with you -->
|
||||||
|
<div id="remarkbox-div">
|
||||||
|
<noscript>
|
||||||
|
<iframe id=remarkbox-iframe src="https://my.remarkbox.com/embed?nojs=true" style="height:600px;width:100%;border:none!important" tabindex=0></iframe>
|
||||||
|
</noscript>
|
||||||
|
</div>
|
||||||
|
<script src="https://my.remarkbox.com/static/js/iframe-resizer/iframeResizer.min.js"></script>
|
||||||
|
<script>
|
||||||
|
var rb_owner_key = "a9d9b717-3aa9-11ec-9e21-040140774501";
|
||||||
|
var thread_uri = window.location.href;
|
||||||
|
var thread_title = window.document.title;
|
||||||
|
var thread_fragment = window.location.hash;
|
||||||
|
|
||||||
|
// rb owner was here.
|
||||||
|
var rb_src = "https://my.remarkbox.com/embed" +
|
||||||
|
"?rb_owner_key=" + rb_owner_key +
|
||||||
|
"&thread_title=" + encodeURI(thread_title) +
|
||||||
|
"&thread_uri=" + encodeURIComponent(thread_uri) +
|
||||||
|
thread_fragment;
|
||||||
|
|
||||||
|
function create_remarkbox_iframe() {
|
||||||
|
var ifrm = document.createElement("iframe");
|
||||||
|
ifrm.setAttribute("id", "remarkbox-iframe");
|
||||||
|
ifrm.setAttribute("scrolling", "no");
|
||||||
|
ifrm.setAttribute("src", rb_src);
|
||||||
|
ifrm.setAttribute("frameborder", "0");
|
||||||
|
ifrm.setAttribute("tabindex", "0");
|
||||||
|
ifrm.setAttribute("title", "Remarkbox");
|
||||||
|
ifrm.style.width = "100%";
|
||||||
|
document.getElementById("remarkbox-div").appendChild(ifrm);
|
||||||
|
}
|
||||||
|
create_remarkbox_iframe();
|
||||||
|
iFrameResize(
|
||||||
|
{
|
||||||
|
checkOrigin: ["https://my.remarkbox.com"],
|
||||||
|
inPageLinks: true,
|
||||||
|
initCallback: function(e) {e.iFrameResizer.moveToAnchor(thread_fragment)}
|
||||||
|
},
|
||||||
|
document.getElementById("remarkbox-iframe")
|
||||||
|
);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<footer class="pt-5 my-5 text-muted border-top">
|
||||||
|
Russell Ballestrini | unturf · © 2021
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- end of row -->
|
||||||
|
</div>
|
||||||
|
<!-- end of container -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Bootstrap JavaScript Bundle with Popper -->
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue