[retro-gtk/pages] Add a documentation page
- From: Adrien Plazas <aplazas src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [retro-gtk/pages] Add a documentation page
- Date: Mon, 16 Nov 2020 18:42:38 +0000 (UTC)
commit 60b75d11c65d265609ad062f6673810e7cbae9d0
Author: Adrien Plazas <kekun plazas laposte net>
Date: Mon Nov 16 19:42:12 2020 +0100
Add a documentation page
.gitlab-ci.yml | 4 +++-
doc.sh | 7 +++++-
doc/index.html | 76 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
index.html | 2 +-
style.css | 50 +++++++++++++++++++++++++++++++-------
5 files changed, 128 insertions(+), 11 deletions(-)
---
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 72ce1735..24e797ac 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 c123a508..7161d04e 100755
--- a/doc.sh
+++ b/doc.sh
@@ -1,10 +1,12 @@
#!/bin/bash
-DOC_DIR=public/doc/
+DOC_DIR=public/doc
REFS="
master
"
+LATEST_STABLE_1=1.0
+
IFS='
'
@@ -20,3 +22,6 @@ for REF in $REFS; do
rm "$REF.zip"
rm -rf "$REF"
done
+
+cp -r $DOC_DIR/master $DOC_DIR/$LATEST_STABLE_1
+cp -r $DOC_DIR/$LATEST_STABLE_1 $DOC_DIR/1-latest
diff --git a/doc/index.html b/doc/index.html
new file mode 100644
index 00000000..4066fe97
--- /dev/null
+++ b/doc/index.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+ <!-- Meta -->
+ <title>RetroGTK</title>
+ <meta name="title" content="RetroGTK">
+ <meta itemprop="name" content="RetroGTK">
+ <meta name="description" content="The GTK Libretro frontend framework.">
+ <meta itemprop="description" content="The GTK Libretro frontend framework.">
+
+ <!-- Twitter -->
+ <meta property="twitter:title" content="RetroGTK">
+ <meta property="twitter:description" content="The GTK Libretro frontend framework.">
+
+ <!-- Open Graph -->
+ <meta property="og:title" content="RetroGTK">
+ <meta property="og:description" content="The GTK Libretro frontend framework.">
+
+ <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="matrix(.375 0 0 .37496 -6.3498 -92.314)">
+ <rect x="40.519" y="246.2" width="10.281" height="10.281" ry=".45357"/>
+ <rect x="16.933" y="269.79" width="10.281" height="10.281" ry=".45358"/>
+ <rect x="40.519" y="269.79" width="10.281" height="10.281" ry=".45357"/>
+ <path d="m28.693 246.2c-0.22172 0-0.47037 0.24854-0.47037 0.47036v9.8778c0 0.44348-0.49727
0.94074-0.94074 0.94074h-9.8778c-0.22172 0-0.47037 0.24853-0.47037 0.47037v10.348c0 0.22186 0.24864 0.47037
0.47037 0.47037h9.8778c0.44347 0 0.94074 0.4973 0.94074 0.94075v9.8778c0 0.22188 0.24864 0.47037 0.47037
0.47037h10.348c0.22172 0 0.47037-0.24854 0.47037-0.47037v-9.8778c0-0.44345 0.49727-0.94075
0.94074-0.94075h9.8778c0.23506 0 0.47037-0.23539
0.47037-0.47037v-10.348c0-0.23502-0.23535-0.47037-0.47037-0.47037h-9.8778c-0.44347
0-0.94074-0.49726-0.94074-0.94074v-9.8778c0-0.22186-0.24864-0.47036-0.47037-0.47036zm5.1741 1.2176c0.22564 0
0.45134 0.0774 0.53039 0.23274l3.1817 6.2514c0.17678 0.34727-0.13511 1.0418-0.53039 1.0418h-6.3635c-0.39528
0-0.70718-0.69443-0.5304-1.0418l3.1817-6.2514c0.07905-0.15538 0.30476-0.23274 0.53039-0.23274zm0
11.171a4.5861 4.5861 0 0 1 4.5861 4.5861 4.5861 4.5861 0 0 1-4.5861 4.5861 4.5861 4.5861 0 0 1-4.5861-4.5861
4.5861 4.5861 0 0 1 4.5861-4.5861zm
-8.964 0.82621c0.34186 0.0316 0.73251 0.28171 0.73251 0.57816v6.3635c0 0.39523-0.69453 0.7071-1.0418
0.53039l-6.2514-3.1817c-0.31061-0.15809-0.31061-0.90257 0-1.0608l6.2514-3.1817c0.08683-0.0442 0.19534-0.0583
0.30929-0.0478zm17.928 0c0.11396-0.0107 0.22247 3e-3 0.3093 0.0478l6.2514 3.1817c0.31062 0.15823 0.31062
0.90268 0 1.0608l-6.2514 3.1817c-0.34727 0.17671-1.0418-0.13516-1.0418-0.53039v-6.3635c0-0.29648
0.39064-0.54651 0.73251-0.57817zm-12.146 11.991h6.3635c0.39528 0 0.70717 0.6945 0.53039 1.0418l-3.1817
6.2508c-0.15812 0.31076-0.90268 0.31076-1.0608 0l-3.1817-6.2508c-0.17678-0.34738 0.13511-1.0418
0.5304-1.0418z" enable-background="new"/>
+ </g>
+ </svg>
+ RetroGTK
+ </h1>
+ </div>
+ </header>
+
+ <div class="description-row">
+ <div class="container">
+ <h2>Documentation</h2>
+
+ <ul class="doclist">
+ <li><a href="1-latest/">Latest 1.x stable version</a></li>
+ </ul>
+
+ <ul class="doclist">
+ <li><a href="1.0/">1.0</a></li>
+ </ul>
+
+ <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/">© 2020 Adrien Plazas</a>
+
+ <p>Creative Commons CC-BY-SA</p>
+ </div>
+ </footer>
+
+</body>
+
+</html>
diff --git a/index.html b/index.html
index 2b584e4b..46181b46 100644
--- a/index.html
+++ b/index.html
@@ -68,7 +68,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 1b106628..7006652b 100755
--- 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(--dark32); }
+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(--yellow3) 0%, var(--yellow4) 100%);
+ color: var(--dark4);
+}
+
+.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]