index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="Open Source Open Data - OSOD brings open source awareness to the open data community and helps educate all stakeholders on the importance of open source in open data and how to effectively deploy a holistic and sustainable open data initiative.">
    <meta name="author" content="Open Source Open Data">

    <link rel="apple-touch-icon" sizes="144x144" href="/img/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
    <link rel="manifest" href="/img/site.webmanifest">
    <link rel="mask-icon" href="/img/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <title>Open Source Open Data</title>

    <!-- Bootstrap core CSS -->
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Merriweather|Source+Sans+Pro:400,700" rel="stylesheet">

    <!-- Font Awesome -->
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>

  <!--
	<nav class="quicknav">
		<div class="social">
	    <a href="https://twitter.com/OSopendata" class="nav-link"><i class="fa fa-twitter"></i></a>
	    <a href="https://www.github.com/osod" class="nav-link"><i class="fa fa-github"></i></a>
	  </div>
	</nav>
  -->

	<div class="fluid-container">
		<nav class="navigation" id="navigation">
			<div class="inner-container">
					<div class="branding-image">
							<img class="logo" src="/img/osod-logo.png" alt="Open Source Open Data" />
					</div>
					<div id="summary">
						<p>
							Open Source Open Data is an initiative to promote the use of free and open-source software in open data projects. 
						</p>
					</div>
					<nav class="nav navigation-links">
							<a href="#more" class="nav-anchor nav-link">Learn More</a>
							<a href="#about" class="nav-anchor nav-link">About</a>
							<a href="#benefits" class="nav-anchor nav-link">Benefits</a>
							<a href="#resources" class="nav-anchor nav-link">Resources</a>
							<a href="#signatories" class="nav-anchor nav-link">Signatories</a>
							<a href="#join" id="sign" class="btn btn-large">SIGN</a>
					</nav>
			</div>
		</nav> 
		<main id="main-content">
			<section id="intro">
				<div class="container">
					<div class="text-center">
						We can only realize the full power of open data when the tools used for its collection, publishing and analysis are also open and transparent.
					</div>
				</div>
			</section>
			<div class="container">
				<hr />
			</div>
			<section id="principles">
				<div class="container">
					<div id="principles">
						This means:
					</div>
					<div id="principles-list">
						<ol>
							<li>Data collected with public resources belongs to the people</li>
							<li>Data is only truly free and open if the processes and software for collecting, processing, and sharing it is free (<a href="https://en.wikipedia.org/wiki/Gratis_versus_libre">as in freedom</a>) and open to the public. Proprietary tools or ecosystems should not limit its use and sharing.</li>
							<li>Public institutions should collaborate and reuse each others’ software</li>
							<li>Vendors and others serving government entities should add value by facilitating this collaboration and reuse, rather than extracting value through restrictive licensing</li>
						</ol>
					</div>
					<div>
					</div>
				</div>
			</section>

			<section id="more" class="reverse">
				<div class="container">
						<h3>What is open data?</h3>
						<p>Open data is data that can be freely used, modified, and shared by anyone for any purpose. Our public institutions collect all kinds of data - health data, environmental data, crime data, and much more. These institutions are often mandated or simply choose to share this data with the public. Openness is achieved through availability, discoverability, licensing, machine readability, and standard formatting. Read more about the <a href="https://opendefinition.org">Open Definition</a>.</p>
						<p>In an increasingly digital society, data gives us opportunities to make a real difference in our communities. Our governments can use data to drive decisions about our lives; the citizenry can use data to hold their officials and institutions accountable; civic groups can create targeted initiatives to improve their communities; and much more. With the data we need, we become empowered to truly understand and interpret our world and to drive meaningful, positive change. </p>
						<h3>What is open source?</h3>
						<p>Free and open-source software is software whose code can be accessed, modified, and shared by anyone. Open-source software offers complete transparency into the code and technology used to support an organization’s work. It means that the software can be extended to the specific needs of an organization, and can be reused by anyone who needs it. Open-source solutions are free, extensible, and will never be tied to a single vendor. </p>
						<h3>Why are the tools around open data important?</h3>
						<p>Open data belongs to the public, and that means the public should have full access to it and full transparency into the tools public institutions use to manage that data. All the principles that apply to open data should also apply to the tools that collect, process, publish, and analyze it. When we hold our tools to high standards of transparency and accessibility, our data becomes more free. </p>
				</div>
			</section>
			
			<section id="about">
				<div class="container">
					<div>
						<h2>About</h2>
						<p>
						Open Source Open Data is an initiative to promote the use of free and open-source software in open data projects. The open data movement and the increasingly important role of data in our everyday lives has led to a proliferation of software solutions to serve data publishers and consumers. We are a group of technology, government, and civil society leaders who believe that the open data infrastructure we are building together must run on software that is equally open. We intend to work together to encourage governments and other data-publishing institutions to invest in open-source rather than proprietary platforms, and to encourage companies and individuals developing those platforms to embrace open standards and collaboration. Join us.
						</p>
					</div>
				</div>
			</section>
			<div class="container">
				<hr />
			</div>
			<section id="benefits">
				<div class="container">
					<div>
						<h2>Benefits</h2>
						<p>Benefits of Open Source Open Data tools include:</p>
						<ul>
							<li>Technical control over all internal open data efforts</li>
							<li>Freedom to fully engage with the open data community at large</li>
							<li>No vendor lock-in</li>
							<li>Complete control over the source code</li>
							<li>Complete control of data</li>
							<li>Complete control of the user’s profile data</li>
							<li>Ability to customize tools for local use cases</li>
							<li>Transparency</li>
							<li>Re-use</li>
							<li>Reduced Cost of ownership</li>
						</ul>
					</div>
				</div>
				<div class="container">
					<hr />
				</div>
				<section id="resources">
					<div class="container">
						<div>
							<h2>Resources</h2>	  
							<ul>
								<li><a href="https://opendefinition.org/">The Open Definition</a></li>
								<li><a href="http://opendatahandbook.org/">The Open Data Handbook</a></li>
								<li><a href="https://rufuspollock.com/open-source-software-and-government/">Why Open Source Software Matters for Government and Civic Tech</a></li>
								<li><a href="https://www.gnu.org/philosophy/government-free-software.en.html">Measures Governments Can Use to Promote Free Software</a></li>
								<li><a href="https://publiccode.eu/openletter/">Public Money? Public Code!</a></li>
								<li><a href="https://playbook.cio.gov/#play13">U.S. Digital Services Playbook 3</a></li> 
								<li><a href="https://code.gov/policy-guide/introduction">U.S. Federal Source Code Policy</a></li>
								<li><a href="https://opengovdata.io/2014/us-federal-open-data-policy/">U.S. Federal Open Data Policy</a></li>
							</ul>
						</div>
					</div>
				</section>
				<div class="container">
					<hr />
				</div>
				<div class="container">
					<div>
						<h2>Signatories</h2>
						<p>Our list of signatories coming soon. If you wish to be added to the list sign up below.</p>
					</div>
				</div>
			</section>

			<section id="join">
				<div class="container">
					<div>
						<h2>Sign</h2>
						<p>Join those who have signed onto the Open Source Open Data manifesto. Your name will be added to the signatories list:</p>
						<form class="text-left" action="https://formspree.io/acinternets@gmail.com" method="POST">
							<div class="form-group">
								<label for="Email">Email address</label>
								<input type="email" class="form-control" id="inputEmail1" aria-describedby="emailHelp" placeholder="Enter email" name="_replyto">
							</div>
							<div class="form-group">
								<label for="Name">Name</label>
								<input type="text" class="form-control" id="inputName" aria-describedby="emailHelp" placeholder="Enter name" name="name">
							</div>
							<div class="form-group">
								<label for="Description">Tell us why you believe in Open Source Open Data</label>
								<textarea name="description" class="form-control" rows="5" placeholder="I believe in Open Source Open Data because..."></textarea>
							</div>

							<input type="hidden" name="_subject" value="Sign up for OSOD">
							<input type="text" name="_gotcha" style="display:none">
							<input type="hidden" name="_next" value="/thanks">
							<button type="submit" class="btn btn-primary">Send</button>
						</form>
					</div>
				</div>
			</section>
			<footer>
				<div class="container">
					<div>
						<p><img src="img/osod-footer-logo.png" alt="Open Source Open Data" title="Open Source Open Data"></p>
						<p class="social">
							<a href="https://twitter.com/OSopendata"><i class="fa fa-twitter"></i></a>&nbsp;&nbsp;<a href="https://www.github.com/osod"><i class="fa fa-github"></i></a>
						</p>
						<p>
							This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.
						</p>
					</div>
				</div>
			</footer>

		</main>
	</div>

	<script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	  ga('create', 'UA-68031367-1', 'auto');
	  ga('send', 'pageview');

	</script>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
  </body>
</html>