Merge pull request #260 from kfrn/gh-pages

Reorder several sections of the page
2025-10-25 23:20:54 +02:00 · 2017-10-17 09:58:35 -04:00 · 2017-10-17 18:51:26 +13:00 · 2017-10-15 13:30:45 -04:00 · 2017-10-15 14:38:36 +13:00 · 2017-10-15 13:32:45 +13:00
2 changed files with 538 additions and 476 deletions
--- a/css/css.css
+++ b/css/css.css
@@ -1,3 +1,11 @@
+html, body {
+  line-height: 1.5;
+  color: #888888;
+  background-color: #060606;
+  margin: 0;
+  word-break: break-word;
+}
+
 .grid {
  display: grid;
  align-content: center;
@@ -26,21 +34,21 @@
  text-align: center;
 }

-@media only screen and (max-width: 999px)  {
-.grid {
-  grid-template-columns: 1fr;
-  grid-template-areas:
-  "header"
-  "sidebar"
-  "content"
-  "footer";
+@media only screen and (max-width: 999px) {
+  .grid {
+    grid-template-columns: 1fr;
+    grid-template-areas:
+    "header"
+    "sidebar"
+    "content"
+    "footer";
  }
 }

-@media only screen and (min-width: 1000px)   {
+@media only screen and (min-width: 1000px) {
  .grid {
    grid-gap: 1rem;
-    grid-template-columns: 30% auto;
+    grid-template-columns: 25% auto;
    grid-template-areas:
    "header  header"
    "sidebar content"
@@ -48,6 +56,25 @@
  }
 }

+@media only screen and (min-width: 1500px) {
+  .grid {
+    max-width: 70%;
+    margin: 0 auto;
+  }
+}
+
+a {
+  color: #91cf91;
+}
+
+a:hover {
+  color: #5cb85c;
+}
+
+a:visited {
+  color: #449d44;
+}
+
 .license img {
  max-width: 10em;
  display: inline;
@@ -63,20 +90,22 @@ h1 {
 }

 h2 {
-  font-size: 3em;
+  font-size: 1.5em;
+  margin: 5px 8px 8px 8px;
+}
+
+.heading {
+  font-size: 2em;
+  margin: 6px 0px 12px 0px;
 }

 h3 {
-  font-size: 2em;
+  font-size: 1.5em;
 }

 .intro-lead {
  font-family: 'Montserrat', sans-serif;
-  font-size: 20px;
-}
-
-.select-from {
-  font-size: 16px;
+  font-size: 1em;
 }

 code {
@@ -109,7 +138,22 @@ div {
  color: white;
 }

+button {
+  font: inherit;
+  font-family: inherit;
+  color: inherit;
+}
+
 .btn {
+  border: 1px solid transparent;
+  background-color: #424242;
+  font-size: 1em;
+  line-height: 1.5em;
+  white-space: normal;
+  cursor: pointer;
+  padding: 8px 12px;
+  border-radius: 4px;
+  padding-left: 2.5em;
  margin: 8px;
  display: inline-block;
  vertical-align: middle;
@@ -120,7 +164,6 @@ div {
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
-  padding-left: 2.5em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
 }
@@ -146,15 +189,31 @@ div {
 }

 .contents-list {
-  color: black;
+  color: white;
+  border: 1px solid black;
+  background-color: #383838;
+  padding: 14px;
+  font-family: "Montserrat";
+  font-weight: bold;
+  font-size: 1em;
+  border:1px solid rgba(255, 255, 255, 0);
+  transition:all .5s ease-in-out;
+}
+
+.sidebar a {
+  text-decoration: none;
 }

 .contents-list:hover {
-  color: #2a9fd6;
+  color: black;
+  font-size: 1.05em;
+  background-color: #449d44;
+  border:1px solid black;
 }

 .contents-list:before {
-  content: "📼"
+  content: "📼";
+  padding-right: 1em;
 }

 .codeblock {
--- a/index.html
+++ b/index.html
Author	SHA1	Message	Date
Ashley	0c32e03f3a	Merge pull request #260 from kfrn/gh-pages Reorder several sections of the page	2017-10-17 09:58:35 -04:00
kfrn	1ac02df52a	Reorder several sections of the page	2017-10-17 18:51:26 +13:00
Ashley	24b8c5ac35	Merge pull request #259 from kfrn/gh-pages Styling changes	2017-10-15 13:30:45 -04:00
kfrn	9fceb27952	Use same styling for ToC heading & info panel heading	2017-10-15 14:38:36 +13:00
kfrn	1e9629051f	Styling changes: sizes/spacing, ToC b'ground, media q for desktop	2017-10-15 13:32:45 +13:00
Katherine Frances Nagels	b5e95143ca	Merge pull request #258 from amiaopensource/btn-and-wordbreak Moves CSS around, fixes overflow error on small devices	2017-10-15 11:26:28 +13:00
Ashley Blewer	0a2e1ca63a	moves visual style to local css, simplifies button style to one class, breaks words on small screens	2017-10-14 14:00:28 -04:00
Ashley	21a019612c	Merge pull request #256 from amiaopensource/toc-buttons turns ToC buttons into div link table	2017-10-14 09:18:36 -04:00
Ashley Blewer	80ba7cfaa6	turns ToC buttons into div link table	2017-10-13 23:16:45 -04:00
Ashley	132a00f9e7	Merge pull request #255 from kfrn/gh-pages More reorg	2017-10-13 19:41:41 -04:00
kfrn	d73ae6a382	New section: perceptual hashing to compare video content	2017-10-14 11:38:26 +13:00
kfrn	f427a05c89	Move 'Record and Live-Stream simultaneously' to 'Other' section It's not an ideal home for it, but I think it doesn't really belong in the 'Advanced concepts' section, being a command rather than a concept. I've also made a few small edits to the text of the command.	2017-10-14 11:33:53 +13:00
Ashley	3555a692dc	Merge pull request #253 from amiaopensource/rm-modal-extras we dont need tabindex or role:dialog without the modal	2017-10-13 13:59:14 -04:00
Ashley	11bf8d4de2	Merge branch 'gh-pages' into rm-modal-extras	2017-10-13 13:57:15 -04:00
Ashley	4ccf83b953	Merge pull request #252 from amiaopensource/shorten-button-names shortens button names	2017-10-13 13:55:46 -04:00
Ashley Blewer	f6be6aa37e	we dont need tabindex or role:dialog without the modal	2017-10-13 13:21:20 -04:00
Ashley Blewer	04432d0323	shortens button names	2017-10-13 12:48:37 -04:00