GNOME.org
 

[libmanette/pages] Add a documentation page

commit 176da2f6d8745797c1b7b94ce735bc8dc34899ce
Author: Adrien Plazas <kekun plazas laposte net>
Date:   Mon Nov 16 19:58:20 2020 +0100

    Add a documentation page

 .gitlab-ci.yml |  4 +++-
 doc.sh         |  2 +-
 doc/index.html | 68 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 index.html     |  2 +-
 style.css      | 50 +++++++++++++++++++++++++++++++++++-------
 5 files changed, 115 insertions(+), 11 deletions(-)
---
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 72ce173..24e797a 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -1,9 +1,11 @@
 pages:
   image: registry.gitlab.gnome.org/gnome/gnome-runtime-images/gnome:master
   script:
-    - ./doc.sh
+    - mkdir public
     - mv index.html public/
+    - mv doc public/
     - mv style.css public/
+    - ./doc.sh
   artifacts:
     paths:
       - public
diff --git a/doc.sh b/doc.sh
index 014ec0a..5a15e47 100755
--- a/doc.sh
+++ b/doc.sh
@@ -1,6 +1,6 @@
 #!/bin/bash
 
-DOC_DIR=public/doc/
+DOC_DIR=public/doc
 REFS="
 master
 "
diff --git a/doc/index.html b/doc/index.html
new file mode 100644
index 0000000..04be91d
--- /dev/null
+++ b/doc/index.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <!-- Meta -->
+  <title>libmanette</title>
+  <meta name="title" content="libmanette">
+  <meta itemprop="name" content="libmanette">
+  <meta name="description" content="The simple GObject game controller library.">
+  <meta itemprop="description" content="The simple GObject game controller library.">
+
+  <!-- Twitter -->
+  <meta property="twitter:title" content="libmanette">
+  <meta property="twitter:description" content="The simple GObject game controller library.">
+
+  <!-- Open Graph -->
+  <meta property="og:title" content="libmanette">
+  <meta property="og:description" content="The simple GObject game controller library.">
+
+  <link rel="stylesheet" href="../style.css">
+</head>
+
+<body>
+  <header>
+    <div class="container">
+      <h1 id="logo">
+        <svg width="48" height="48" version="1.1" viewBox="0 0 12.7 12.7" xmlns="http://www.w3.org/2000/svg";>
+          <g transform="translate(-27.517 -256.78)">
+            <rect x="29.766" y="260.75" width="1.5875" height="4.7625"/>
+            <rect transform="rotate(90)" x="262.34" y="-32.941" width="1.5875" height="4.7625"/>
+            <circle cx="35.19" cy="263.73" r="1.1906"/>
+            <circle cx="38.365" cy="262.54" r="1.1906"/>
+          </g>
+        </svg>
+        libmanette
+      </h1>
+    </div>
+  </header>
+
+  <div class="description-row">
+    <div class="container">
+      <h2>Documentation</h2>
+
+      <ul class="doclist">
+        <li><a href="master/">Upcoming version</a></li>
+      </ul>
+    </div>
+  </div>
+
+  <div class="urllist-row">
+    <div class="container">
+      <div><a href="../" class="button back-button">Go back</a></div>
+    </div>
+  </div>
+
+  <footer>
+    <div class="container">
+      <a href="http://adrienplazas.com/";>&copy; 2020 Adrien Plazas</a>
+
+      <p>Creative Commons CC-BY-SA</p>
+    </div>
+  </footer>
+
+</body>
+
+</html>
diff --git a/index.html b/index.html
index 224c730..ee48bb8 100644
--- a/index.html
+++ b/index.html
@@ -69,7 +69,7 @@
     <div class="container">
       <ul class="urllist">
         <li>
-          <a href="doc/master/">
+          <a href="doc/">
             <svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg";>
               <g transform="translate(-83 -175)">
                 <path d="m85.007 175.98v14h11c0.51254 0 1-0.53386 1-1h-11v-2h10c0.57495 0 1-0.60225 
1-1v-9c0-0.48814-0.44713-1-1-1zm4.4492 2h0.26562v1.0117h-0.12695c-0.36996 0-0.55078 0.20372-0.55078 
0.55859v1.1172c0 0.52098-0.15854 0.74-0.50586 0.8457 0.34732 0.10571 0.50586 0.32472 0.50586 0.84571v1.1445c0 
0.35486 0.18082 0.55859 0.55078 0.55859h0.12695v0.98438h-0.26562c-0.94381 
0-1.4277-0.48327-1.4277-1.3516v-1.3066c0-0.24162-0.12817-0.35427-0.33203-0.35351l-0.34179-2e-3v-1.0059h0.34179c0.20386
 1.6e-4 0.33203-0.11385 0.33203-0.35546v-1.3398c0-0.86831 0.48393-1.3516 1.4277-1.3516zm2.8594 
0h0.26563c0.94381 0 1.4277 0.48325 1.4277 1.3516v1.3398c0 0.24161 0.12817 0.35562 0.33203 
0.35546h0.3418v1.0059l-0.3418 2e-3c-0.20386-7.6e-4 -0.33203 0.1119-0.33203 0.35352v1.3066c0 0.8683-0.48392 
1.3516-1.4277 1.3516h-0.26563v-0.98437h0.12696c0.36996 0 0.55078-0.20373 0.55078-0.55859v-1.1445c0-0.52099 
0.15854-0.74 0.50586-0.84571-0.34732-0.1057-0.50586-0.32472-0.50586-0.8457v-1.1172c0-0.35487-0.1
 8082-0.55859-0.55078-0.55859h-0.12696z" enable-background="new" fill-opacity=".99608" 
style="paint-order:normal"/>
diff --git a/style.css b/style.css
index d0c8f5e..612540b 100644
--- a/style.css
+++ b/style.css
@@ -135,7 +135,7 @@ header h1 svg {
   overflow: hidden;
 }
 
-ul.urllist {
+ul.urllist, ul.doclist {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   width: 100%;
@@ -143,19 +143,23 @@ ul.urllist {
   gap: 1rem;
 }
 
-ul.urllist li, ul.textlist li {
-  background-color: var(--dark4);
+ul.urllist li, ul.doclist li {
   display: block;
   transition: all 200ms ease-in-out;
   border-radius: 10px;
 }
 
-ul.urllist li:hover, ul.textlist li:hover { background-color: var(--dark3); }
-ul.urllist li:active, ul.textlist li:active { background-color: var(--dark5); }
+ul.urllist li { background-color: var(--dark4); }
+ul.urllist li:hover { background-color: var(--dark3); }
+ul.urllist li:active { background-color: var(--dark5); }
+ul.doclist li { background-color: var(--dark3); }
+ul.doclist li:hover { background-color: var(--dark2); }
+ul.doclist li:active { background-color: var(--dark4); }
 ul.urllist li:hover svg,
-ul.textlist li:hover img { transform: scale(1.3); transition: transform 300ms ease-in-out; }
+ul.doclist li:hover svg { transform: scale(1.3); transition: transform 300ms ease-in-out; }
 
-ul.urllist li a {
+ul.urllist li a,
+ul.doclist li a {
   display: flex;
   text-decoration: none;
   color: var(--light3);
@@ -169,7 +173,8 @@ ul.urllist li a {
   padding: 1em;
 }
 
-ul.urllist svg {
+ul.urllist svg,
+ul.doclist svg {
   display: block;
   width: 64px;
   height: auto;
@@ -177,6 +182,35 @@ ul.urllist svg {
   transition: transform 600ms ease-in-out;
 }
 
+.back-button {
+  width: 12em;
+  padding: 0.9em 3em;
+  font-size: 1.4em;
+  background: linear-gradient(0deg, var(--purple-4) 0%, var(--purple-5) 100%);
+  color: white;
+}
+
+.button {
+  display: block;
+  border-radius: 99999px;
+  margin: 16px auto;
+  text-align: center;
+  font-weight: bold;
+  text-decoration: none;
+  transition: all 0.35s cubic-bezier(0.17, 0.89, 0.32, 1.28);
+  filter: /* Sharp drop shadow */
+          drop-shadow(0 0.08rem 0.1em rgba(0,0,0, 0.2))
+          /* Diffuse ambient shadow */
+          drop-shadow(0 0.1rem 0.9em rgba(0,0,0, 0.2));
+}
+.button:hover {
+  transform: scale(1.05);
+  cursor: pointer;
+}
+.button:active {
+  transform: scale(0.98);
+}
+
 /* FOOTER */
 footer {
   font-size: 80%;
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]