Add raw HTML for join & manifesto pages

This commit is contained in:
James Mead 2017-07-01 11:51:24 +01:00
parent 09e5f205b6
commit 8c3e256204
2 changed files with 366 additions and 0 deletions

206
join.html Normal file
View File

@ -0,0 +1,206 @@
<!doctype html>
<html lang="en-US">
<head> <!-- TODO this could do with a tidy-up -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<title>Join &laquo; Cooperative Technologists</title>
<link rel="canonical" href="https://www.coops.tech/join/">
<link rel='dns-prefetch' href='//s.w.org' />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.coops.tech\/wp\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.8"}};
!function(a,b,c){function d(a){var b,c,d,e,f=String.fromCharCode;if(!k||!k.fillText)return!1;switch(k.clearRect(0,0,j.width,j.height),k.textBaseline="top",k.font="600 32px Arial",a){case"flag":return k.fillText(f(55356,56826,55356,56819),0,0),b=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,56826,8203,55356,56819),0,0),c=j.toDataURL(),b===c&&(k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447),0,0),b=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447),0,0),c=j.toDataURL(),b!==c);case"emoji4":return k.fillText(f(55358,56794,8205,9794,65039),0,0),d=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55358,56794,8203,9794,65039),0,0),e=j.toDataURL(),d!==e}return!1}function e(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g,h,i,j=b.createElement("canvas"),k=j.getContext&&j.getContext("2d");for(i=Array("flag","emoji4"),c.supports={everything:!0,everythingExceptFlag:!0},h=0;h<i.length;h++)c.supports[i[h]]=d(i[h]),c.supports.everything=c.supports.everything&&c.supports[i[h]],"flag"!==i[h]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[i[h]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='oowp_css-css' href='https://www.coops.tech/app/mu-plugins/oowp/oowp.css?ver=4.8' type='text/css' media='all' />
<link rel='stylesheet' id='app-css' href='https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/css/app.css?ver=4.8' type='text/css' media='all' />
<script type='text/javascript' src='https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/js/vendor.js?ver=4.8'></script>
<link rel='https://api.w.org/' href='https://www.coops.tech/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.coops.tech/wp/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.coops.tech/wp/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 4.8" />
<link rel="canonical" href="https://www.coops.tech/join/" />
<link rel='shortlink' href='https://www.coops.tech/?p=246' />
<link rel="alternate" type="application/json+oembed" href="https://www.coops.tech/wp-json/oembed/1.0/embed?url" />
<link rel="alternate" type="text/xml+oembed" href="https://www.coops.tech/wp-json/oembed/1.0/embed?url&#038;format=xml" />
<link rel="icon" href="https://www.coops.tech/app/uploads/2017/02/cropped-cotech_512x512-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.coops.tech/app/uploads/2017/02/cropped-cotech_512x512-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="https://www.coops.tech/app/uploads/2017/02/cropped-cotech_512x512-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.coops.tech/app/uploads/2017/02/cropped-cotech_512x512-270x270.png" />
<style type="text/css" id="wp-custom-css">
section#contact div.row div p a:active,
section#contact div.row div p a:focus,
section#contact div.row div p a:hover {
text-decoration: underline;
color: white;
} </style>
<link rel="stylesheet" href="https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/foundation-icons/foundation-icons.css">
<link rel="icon" type="image/x-icon" href="https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/img/CoTech-logo.png">
<script type="text/javascript">
window.mapboxAccessToken = 'pk.eyJ1IjoiY290ZWNoIiwiYSI6ImNpemgxbzhwODAwMHMzM28zdXF3cGxyYmwifQ.9nPExuEUqwblCCl-6gyFXA';
</script>
<script src='https://www.google.com/recaptcha/api.js'></script>
</head>
<body>
<header>
<div data-sticky-container style="height: 82.7812px;">
<div class="top-bar sticky iss-stuck is-at-top" data-sticky data-margin-top=0>
<div class="top-bar-title">
<strong>
<a id="logo" href="https://www.coops.tech/">
<img src="https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/img/CoTech-logo.png">CoTech
</a>
</strong>
<a class="back" href="https://www.coops.tech/">&#8592; Go Back</a>
</div>
</div>
</div>
</header>
<div class="join">
<div id="page-banner">
<div class="row">
<div class="small-centered small-12 medium-10 large-8 columns">
<h2>Join CoTech</h2>
</div>
</div>
</div>
<div class="page-content">
<div class="row">
<div class="small-centered small-12 medium-10 large-8 columns">
<p>Membership of the Co-operative Technologists network is open to all co-ops that sell technical/digital products or services that are run and owned by their workers.</p>
<p>Secondary co-ops and multi-stakeholder co-ops are also welcome so long as all they (and their members) do not generate money for investors by exploiting their workers.</p>
<p>We refer to these as tech co-ops, though many of us are focused mainly on design or film-making, for example. There are many ways to get involved depending where you&#8217;re coming from.</p>
<h4>Existing tech co-ops</h4>
<p>If you are already part of a tech co-op (or an organisation that is practising cooperative principles and in the process of formally becoming a co-op) then we&#8217;ve already tried to find you to invite you to the network.</p>
<p>If you were hiding somewhere or missed our call then get in touch using the form below.</p>
<h4>Existing tech/digital companies</h4>
<p>If you are part of a company or social enterprise that sells digital services and would be interested in becoming a workers co-op then we&#8217;re here to help.</p>
<p>We have found that co-operatives are more democratic, effective and fun to work for than other structures such as social enterprises, partnerships and traditional companies. If you&#8217;d like to find out why then get in touch.</p>
<p>Once you&#8217;re on the path to becoming a co-op you can become a member of the network.</p>
<h4>Individuals that want to work for tech co-ops</h4>
<p>If you are an individual that would like to work for a tech co-op then you can either apply for a job at an existing member co-op or start your own.</p>
<p>To apply for a job you can contact us using the form below or individually explaining about your skills/experience and why you want to work for a tech co-op.</p>
<p>The majority of jobs in our network are for developers, designers, project managers, etc. but if you have some skills you think we need then let us know. If you would like to start a tech co-op then we&#8217;d love to help you.</p>
<p>There are many types of co-op that are eligible for membership of Co-operative Technologists including worker co-operatives, freelancer co-ops and various types of consortium co-ops. We can share our various models with you and you can pick one you like and adapt it to your needs.</p>
<p>Co-operatives in the UK take various legal forms including companies limited by shares, companies limited by guarantee, co-operative and mutual societies, partnerships and unincorporated bodies. All are eligible for membership of Co-operative Technologists.</p>
<h4>Individuals that don&#8217;t want to work for tech co-ops</h4>
<p>If you are interested in what we&#8217;re doing and would like to support our efforts but do not want to join or start a tech co-op then you will soon be able to become an official supporter of Co-operative Technologists.</p>
<p>We&#8217;re still working our exactly what this entails but in essence you will provide support of some kind and in return will be invited to events, given opportunities to feed into the network and receive support where we can offer it.</p>
<p>If you&#8217;d like to find out more and help shape this official supporter role then please get in touch. You can also read more about us and check out our manifesto. You can also read more <a href="about">about us</a> and check out our <a href="manifesto">manifesto</a>.</p>
</div>
</div>
<section id="join-form">
<div class="row">
<div class="small-12 medium-6 small-centered columns">
<p>Contact us via <a href="mailto:contact@coops.tech">contact@coops.tech</a>.</p>
<!-- ?php echo do_shortcode( '[contact-form-7 id="1484" title="join-form"]' ); ? -->
<!-- form>
<div class="row">
<div class="small-12 medium-6 columns">
<input type="text" placeholder="Name">
</div>
<div class="small-12 medium-6 columns">
<input type="email" placeholder="Email">
</div>
<div class="small-12 columns">
<textarea placeholder="Tell us about your project"></textarea>
</div>
</div>
<div class="row">
<div class="small-6 medium-4 small-centered columns">
<a class="large expanded button" href="mailto:contact@coops.tech">Send</a>
</div>
</div>
</form -->
</div>
</div>
</section>
</div>
</div>
<footer>
<div class="footer-upper">
<div class="row">
<div class="small-12 columns">
<div class="menu-centered">
<ul class="menu">
<li><a href="about">About <span>&#xbb;</span></a></li>
<li><a href="join">Join <span>&#xbb;</span></a></li>
<li><a href="manifesto">Manifesto <span>&#xbb;</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-lower">
<div class="row">
<div class="small-12 columns">
<img src="https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/img/coop-logo.png" class="float-center" />
<!-- TODO the CSS link colour needs fixing! -->
<!-- p>Site developed by <a href="http://www.glowboxdesign.co.uk/">Glowbox Designs</a> &amp;
<a href="http://outlandish.com/">Outlandish</a>, hosted by
<a href="https://www.webarchitects.coop/">Webarchitects</a> for CoTech &#xa9;2017</p -->
<p>Site developed by <a href="http://glowboxdesign.co.uk" target="_blank">Glowbox Design</a> &amp; <a href="http://outlandish.com" target="_blank">Outlandish</a>.</p>
<p>Source code available on <a href="https://github.com/cotech/website" target="_blank">GitHub</a>.</p>
<p>Hosted by <a href="https://www.webarchitects.co.uk" target="_blank">Webarchitects</a> for CoTech &#xa9;2017</p>
</div>
</div>
</div>
</footer>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setCookieDomain", "*.cotech.host3.webarch.net"]);
_paq.push(["setDomains", ["*.cotech.host3.webarch.net","*.coops.tech","*.dev.coops.tech","*.www.coops.tech"]]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.webarch.net/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '223']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Piwik Code -->
<script type='text/javascript' src='https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/js/app.js?ver=4.8'></script>
<script type='text/javascript' src='https://www.coops.tech/wp/wp-includes/js/wp-embed.min.js?ver=4.8'></script>
</body>
</html>

160
manifesto.html Normal file
View File

@ -0,0 +1,160 @@
<!doctype html>
<html lang="en-US">
<head> <!-- TODO this could do with a tidy-up -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<title>Manifesto &laquo; Cooperative Technologists</title>
<link rel="canonical" href="https://www.coops.tech/manifesto/">
<link rel='dns-prefetch' href='//s.w.org' />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.coops.tech\/wp\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.8"}};
!function(a,b,c){function d(a){var b,c,d,e,f=String.fromCharCode;if(!k||!k.fillText)return!1;switch(k.clearRect(0,0,j.width,j.height),k.textBaseline="top",k.font="600 32px Arial",a){case"flag":return k.fillText(f(55356,56826,55356,56819),0,0),b=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,56826,8203,55356,56819),0,0),c=j.toDataURL(),b===c&&(k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447),0,0),b=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447),0,0),c=j.toDataURL(),b!==c);case"emoji4":return k.fillText(f(55358,56794,8205,9794,65039),0,0),d=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55358,56794,8203,9794,65039),0,0),e=j.toDataURL(),d!==e}return!1}function e(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g,h,i,j=b.createElement("canvas"),k=j.getContext&&j.getContext("2d");for(i=Array("flag","emoji4"),c.supports={everything:!0,everythingExceptFlag:!0},h=0;h<i.length;h++)c.supports[i[h]]=d(i[h]),c.supports.everything=c.supports.everything&&c.supports[i[h]],"flag"!==i[h]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[i[h]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='oowp_css-css' href='https://www.coops.tech/app/mu-plugins/oowp/oowp.css?ver=4.8' type='text/css' media='all' />
<link rel='stylesheet' id='app-css' href='https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/css/app.css?ver=4.8' type='text/css' media='all' />
<script type='text/javascript' src='https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/js/vendor.js?ver=4.8'></script>
<link rel='https://api.w.org/' href='https://www.coops.tech/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.coops.tech/wp/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.coops.tech/wp/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 4.8" />
<link rel="canonical" href="https://www.coops.tech/manifesto/" />
<link rel='shortlink' href='https://www.coops.tech/?p=303' />
<link rel="alternate" type="application/json+oembed" href="https://www.coops.tech/wp-json/oembed/1.0/embed?url" />
<link rel="alternate" type="text/xml+oembed" href="https://www.coops.tech/wp-json/oembed/1.0/embed?url&#038;format=xml" />
<link rel="icon" href="https://www.coops.tech/app/uploads/2017/02/cropped-cotech_512x512-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.coops.tech/app/uploads/2017/02/cropped-cotech_512x512-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="https://www.coops.tech/app/uploads/2017/02/cropped-cotech_512x512-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.coops.tech/app/uploads/2017/02/cropped-cotech_512x512-270x270.png" />
<style type="text/css" id="wp-custom-css">
section#contact div.row div p a:active,
section#contact div.row div p a:focus,
section#contact div.row div p a:hover {
text-decoration: underline;
color: white;
} </style>
<link rel="stylesheet" href="https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/foundation-icons/foundation-icons.css">
<link rel="icon" type="image/x-icon" href="https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/img/CoTech-logo.png">
<script type="text/javascript">
window.mapboxAccessToken = 'pk.eyJ1IjoiY290ZWNoIiwiYSI6ImNpemgxbzhwODAwMHMzM28zdXF3cGxyYmwifQ.9nPExuEUqwblCCl-6gyFXA';
</script>
<script src='https://www.google.com/recaptcha/api.js'></script>
</head>
<body>
<header>
<div data-sticky-container style="height: 82.7812px;">
<div class="top-bar sticky iss-stuck is-at-top" data-sticky data-margin-top=0>
<div class="top-bar-title">
<strong>
<a id="logo" href="https://www.coops.tech/">
<img src="https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/img/CoTech-logo.png">CoTech
</a>
</strong>
<a class="back" href="https://www.coops.tech/">&#8592; Go Back</a>
</div>
</div>
</div>
</header>
<div class="manifesto">
<div id="page-banner">
<div class="row">
<div class="small-centered small-12 medium-10 large-8 columns">
<h2>Our Manifesto</h2>
</div>
</div>
</div>
<div class="page-content">
<div class="row">
<div class="small-centered small-12 medium-10 large-8 columns">
<p>We believe in a fairer world in which wealth and resources are distributed to the people who need them rather than those best able to take them.</p>
<p>As <a href="/about">Co-operative Technologists</a> we aim to ensure that technology plays its part in creating a fairer world.</p>
<p>Our individual worker co-operatives have shown that workers who collectively own their companies and control their destinies make better workplaces, better suppliers and better digital products.</p>
<p>We call upon tech workers who share our vision to <a href="/join">join us</a>.</p>
<p>We call upon consumers of digital products &#8211; including trades unions, charities, governments and private companies &#8211; to reject the false assumption that only multinational conglomerates or private equity-funded startups can be great tech companies. Technology is the lifeblood of all our futures, not just a gravy train for the fortunate few.</p>
<p>We hereby give notice to technology companies that do not treat their employees fairly, do not give their workers control of their businesses and do not seek to create a fairer world that your days are numbered. We are more creative, more committed and more resilient. <a href="/join">Join us</a>.</p>
</div>
</div>
</div>
</div>
<footer>
<div class="footer-upper">
<div class="row">
<div class="small-12 columns">
<div class="menu-centered">
<ul class="menu">
<li><a href="about">About <span>&#xbb;</span></a></li>
<li><a href="join">Join <span>&#xbb;</span></a></li>
<li><a href="manifesto">Manifesto <span>&#xbb;</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-lower">
<div class="row">
<div class="small-12 columns">
<img src="https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/img/coop-logo.png" class="float-center" />
<!-- TODO the CSS link colour needs fixing! -->
<!-- p>Site developed by <a href="http://www.glowboxdesign.co.uk/">Glowbox Designs</a> &amp;
<a href="http://outlandish.com/">Outlandish</a>, hosted by
<a href="https://www.webarchitects.coop/">Webarchitects</a> for CoTech &#xa9;2017</p -->
<p>Site developed by <a href="http://glowboxdesign.co.uk" target="_blank">Glowbox Design</a> &amp; <a href="http://outlandish.com" target="_blank">Outlandish</a>.</p>
<p>Source code available on <a href="https://github.com/cotech/website" target="_blank">GitHub</a>.</p>
<p>Hosted by <a href="https://www.webarchitects.co.uk" target="_blank">Webarchitects</a> for CoTech &#xa9;2017</p>
</div>
</div>
</div>
</footer>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setCookieDomain", "*.cotech.host3.webarch.net"]);
_paq.push(["setDomains", ["*.cotech.host3.webarch.net","*.coops.tech","*.dev.coops.tech","*.www.coops.tech"]]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.webarch.net/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '223']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Piwik Code -->
<script type='text/javascript' src='https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/js/app.js?ver=4.8'></script>
<script type='text/javascript' src='https://www.coops.tech/wp/wp-includes/js/wp-embed.min.js?ver=4.8'></script>
</body>
</html>