Browse Source

Initial Commit

xizhao 1 year ago
commit
8dd7749392
10 changed files with 439 additions and 0 deletions
  1. 15 0
      COMMONS
  2. 0 0
      README.md
  3. 147 0
      src/css/main.css
  4. BIN
      src/favicon.ico
  5. 19 0
      src/img/flair-circles.svg
  6. 175 0
      src/img/flair-plus.svg
  7. 11 0
      src/img/flair-zag.svg
  8. BIN
      src/img/glyph.png
  9. 16 0
      src/img/glyph.svg
  10. 56 0
      src/index.html

+ 15 - 0
COMMONS

@@ -0,0 +1,15 @@
+“Commons Clause” License Condition v0.9
+
+The Software is provided to you by the Licensor under the License, as defined below, subject to the following condition. 
+
+Without limiting other conditions in the License, the grant of rights under the License will not include, 
+and the License does not grant to you, the right to Use the Software in a Commercial Product.  
+
+For purposes of the foregoing, “Use” means any and all rights granted to you under the License, and a “Commercial Product” 
+is any product or service that comprises substantially the functionality of the Software, and that you sell, 
+license or otherwise provide to others.  Any license notice or attribution required by the License must 
+also include this Commons Clause License Condition notice.
+
+Software: [name software]
+License: [Apache 2.0]
+Licensor: [ABC company]

+ 0 - 0
README.md


+ 147 - 0
src/css/main.css

@@ -0,0 +1,147 @@
+html, body
+{
+  background: #F9EFE6;
+  overflow-x: hidden;
+  padding: 0px;
+  margin: 0px;
+}
+
+h1, h2, h3, h4, p 
+{
+  color: #1B2838;
+  font-family: 'Noto Serif', serif;
+}
+
+p 
+{
+  font-size: 20px;
+  max-width: 560px;
+}
+
+section.letter
+{
+  border: solid 16px rgba(247, 202, 201, .25);
+  margin: 48px;
+  padding: 75px 150px;
+  position: relative;
+  z-index: 1;
+}
+
+section.letter .flair {
+  position: absolute;
+  z-index: -1;
+  opacity: .5;
+}
+
+section.letter .flair.flair-circles {
+  right: -72px;
+  bottom: 150px;
+}
+
+section.letter .flair.flair-zag {
+  left: -72px;
+  top: 350px;
+}
+
+section.letter .flair.flair-plus {
+  top: -72px;
+  right: -72px;
+}
+
+section.letter h1 
+{
+  font-size: 120px;
+  max-width: 500px;
+  margin-top: 40px;
+}
+
+section.letter h1 .dot
+{
+  color: #F7CAC9;
+}
+
+footer
+{
+  background: top left no-repeat url('../img/glyph.svg') #222222;
+  color: #fff;
+  text-align: center;
+}
+
+footer p 
+{
+  color: #fff;
+  max-width: initial;
+  padding: 47px;
+  margin: 0px;
+}
+
+footer a 
+{
+  color: #F7CAC9;
+}
+
+@media only screen and (max-width: 1024px) {
+  section.letter {
+    margin: 36px;
+    padding: 35px 70px;
+  }
+
+  section.letter h1 
+  {
+    font-size: 90px;
+    margin-top: 20px;
+  }
+}
+
+@media only screen and (max-width: 680px) {
+  section.letter {
+    margin: 24px;
+    padding: 24px 36px;
+  }
+
+  section.letter h1 
+  {
+    font-size: 75px;
+    margin-top: 0px;
+  }
+}
+
+@media only screen and (max-width: 550px) {
+  section.letter {
+    margin: 12px;
+    padding: 24px 36px;
+    border-width: 8px;
+  }
+
+  section.letter h1 
+  {
+    font-size: 48px;
+    margin-top: 0px;
+  }
+
+  .flair 
+  {
+    width: 75%;
+  }
+
+  section.letter .flair.flair-circles {
+    right: -36px;
+    bottom: 150px;
+  }
+
+  section.letter .flair.flair-zag {
+    left: -36px;
+    top: 150px;
+  }
+
+  section.letter .flair.flair-plus {
+    top: -36px;
+    right: -36px;
+  }
+
+  p 
+  {
+    font-size: 16px;
+    max-width: 560px;
+  }
+}

BIN
src/favicon.ico


+ 19 - 0
src/img/flair-circles.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="500px" height="575px" viewBox="0 0 500 575" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <circle id="path-1" cx="310" cy="335" r="240"></circle>
+        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="480" height="480" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <circle id="path-3" cx="120" cy="120" r="120"></circle>
+        <mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="240" height="240" fill="white">
+            <use xlink:href="#path-3"></use>
+        </mask>
+    </defs>
+    <g id="Commons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-940.000000, -1289.000000)" fill-opacity="0" stroke-dasharray="8">
+        <g id="Group" transform="translate(940.000000, 1289.000000)" fill="#F9EFE6" stroke="#F7CAC9" stroke-width="32">
+            <use id="Oval" mask="url(#mask-2)" xlink:href="#path-1"></use>
+            <use id="Oval" mask="url(#mask-4)" opacity="0.5" xlink:href="#path-3"></use>
+        </g>
+    </g>
+</svg>

File diff suppressed because it is too large
+ 175 - 0
src/img/flair-plus.svg


File diff suppressed because it is too large
+ 11 - 0
src/img/flair-zag.svg


BIN
src/img/glyph.png


File diff suppressed because it is too large
+ 16 - 0
src/img/glyph.svg


+ 56 - 0
src/index.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html class="no-js" prefix="og: http://ogp.me/ns#" xmlns:og="http://ogp.me/ns#">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
+        <meta name="mobile-web-app-capable" content="yes">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="apple-mobile-web-app-status-bar-style" content="black">
+        <meta name="keywords" content="commons clause, commons clause license">
+		
+        <meta name="twitter:card" content="summary">
+        <meta name="twitter:site" content="@https://twitter.com/getfossa">
+        <meta name="twitter:creator" content="@getfossa">
+        <meta name="twitter:domain" content="https://commonsclause.com/">
+
+        <meta property="og:site_name" content="Commons Clause License">
+        <meta property="og:title" content="Commons Clause License">
+        <meta property="og:url" content="https://commonsclause.com/">
+        <meta property="og:description" content="">
+
+        <title>Commons Clause License</title>
+        <link rel="canonical" href="https://commonsclause.com/"/>
+        <link href="https://fonts.googleapis.com/css?family=Noto+Serif" rel="stylesheet"> 
+        <link rel="stylesheet" type='text/css' href="css/main.css"/>
+        <link rel="icon" href="favicon.ico" type="image/x-icon" />
+    </head>
+
+	<body>
+    <section class="letter">
+      <h1>The Commons Clause<span class="dot">.</span></h1>
+      <p>“Commons Clause” License Condition v0.9</p>
+      <p>The Software is provided to you by the Licensor under the License, as defined below, subject to the following condition.</p>
+      <p>Without limiting other conditions in the License, the grant of rights under the License will not include, 
+and the License does not grant to you, the right to Use the Software in a Commercial Product.</p>
+      <p>For purposes of the foregoing, “Use” means any and all rights granted to you under the License, and a “Commercial Product” 
+is any product or service that comprises substantially the functionality of the Software, and that you sell, 
+license or otherwise provide to others.  Any license notice or attribution required by the License must 
+also include this Commons Clause License Condition notice.</p>
+      <p>Software: [name software]</p>
+      <p>License: [Apache 2.0]</p>
+      <p>Licensor: [ABC company]</p>
+      <img class="flair flair-circles" src="img/flair-circles.svg"/>
+      <img class="flair flair-plus" src="img/flair-plus.svg"/>
+      <img class="flair flair-zag" src="img/flair-zag.svg"/>
+    </section>
+
+    <footer>
+      <p>Commons Clause &middot; Contributed by <a href="https://fossa.io" target="_blank">FOSSA</a> (<a href="https://twitter.com/getfossa" target="_blank">@getfossa</a>) &middot; <a href="https://github.com/fossas/commons-clause" target="_blank">View Source</a> on GitHub &middot; Website Design by <a href="http://www.designbyroka.com/" target="_blank">Roka</a></p>
+    </footer>
+
+		<script>
+		</script>
+	</body>
+</html>