Commit 9bd515b0 authored by rockon999's avatar rockon999

More ShowCase work.

- Move /tutorials/ to /guides/
- Add logo alternatives.
- Add more README(s)
parent 9de415da
Pipeline #26906921 passed with stages
in 1 minute and 20 seconds
......@@ -26,9 +26,12 @@ export default {
<style lang="scss">
.showcase {
margin: 2rem;
margin: 2rem 0;
text-decoration: none !important;
text-align: center;
color: black;
min-width: 14rem;
max-width: 25%;
img {
margin: 0.5rem;
......@@ -40,6 +43,7 @@ export default {
h2 {
font-weight: 600;
margin: 0.5rem 0.5rem 0.25rem;
border: none;
}
}
</style>
......
<template>
<div class="showcase-box">
<h2>{{ title }}</h2>
<p>{{ subtitle }}</p>
<div class="showcase-box">
<div class="showcase-box-title-container">
<h2 class="showcase-box-title">{{ title }}</h2>
<p class="showcase-box-subtitle">{{ subtitle }}</p>
</div>
<div class="showcase-box-inner">
<slot />
</div>
<div class="showcase-box-inner">
<slot />
</div>
</div>
</template>
<script>
......@@ -20,16 +22,40 @@ export default {
<style lang="scss">
.showcase-box {
padding: 2rem;
padding: 2rem 0;
.showcase-box-title-container {
border-bottom: 1px solid #eaecef;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
}
.showcase-box-title {
font-size: 1.65rem;
padding-bottom: 0.1rem;
margin: 0.1rem 0 0.2rem;
border: none !important;
}
.showcase-box-subtitle {
padding: 0;
margin: 0.1rem 0.5rem 0.2rem;
border: none !important;
}
.showcase-box-inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
& > *:last-child {
padding-right: 0 !important;
margin-right: 0 !important;
}
& > *:first-child {
padding-left: 0 !important;
margin-left: 0 !important;
}
}
}
......
......@@ -6,6 +6,7 @@ module.exports = {
themeConfig: {
editLinks: true,
repo: 'https://gitlab.com/gjs-guide/gjs-guide.gitlab.io/',
docsBranch: 'gitlab-master',
logo: '/logo.svg',
docsDir: 'docs',
nav: [{
......@@ -13,8 +14,12 @@ module.exports = {
link: '/'
},
{
text: 'Tutorials',
link: '/tutorials/'
text: 'About',
link: '/about/'
},
{
text: 'Guides',
link: '/guides/'
},
{
text: 'Examples',
......
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="svg1434"
version="1.1"
viewBox="0 0 67.733334 33.866666"
height="128"
width="256"
sodipodi:docname="logo-alt-2.svg"
inkscape:version="0.92.2 2405546, 2018-03-11">
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1922"
inkscape:window-height="1054"
id="namedview18"
showgrid="false"
inkscape:zoom="1.84375"
inkscape:cx="62.372881"
inkscape:cy="107.38983"
inkscape:window-x="546"
inkscape:window-y="190"
inkscape:window-maximized="0"
inkscape:current-layer="svg1434" />
<defs
id="defs1428">
<clipPath
id="clipPath11622"
clipPathUnits="userSpaceOnUse">
<g
id="g11624"
transform="matrix(0.96968375,0,0,0.96968375,2344.6611,919.3584)">
<g
id="g11626">
<path
id="path11628"
d="m -1380.549,-396.694 c -11.948,0 -14.193,17.022 -7.469,17.022 6.721,0.001 19.421,-17.022 7.469,-17.022 z"
style="fill:#2e3436" />
<path
id="path11630"
d="m -1400.394,-381.782 c 3.582,0.22 7.508,-13.66 0.78,-12.788 -6.726,0.873 -4.361,12.571 -0.78,12.788 z"
style="fill:#2e3436" />
<path
id="path11632"
d="m -1416.799,-373.157 c 2.545,-1.122 0.327,-12.084 -4.003,-9.092 -4.327,2.991 1.458,10.212 4.003,9.092 z"
style="fill:#2e3436" />
<path
id="path11634"
d="m -1409.627,-378.894 c 3.032,-0.619 3.197,-13.05 -2.206,-10.82 -5.406,2.23 -0.821,11.438 2.206,10.82 z"
style="fill:#2e3436" />
<path
id="path11636"
d="m -1393.798,-351.072 c 0.537,4.105 -3.014,6.134 -6.491,3.487 -11.07,-8.428 18.329,-12.634 16.39,-24.147 -1.606,-9.558 -30.933,-6.617 -34.273,8.34 -2.261,10.114 9.305,24.147 21.371,24.147 5.938,0 12.785,-5.361 14.067,-12.151 0.977,-5.179 -11.514,-3.102 -11.064,0.324 z"
style="fill:#2e3436" />
</g>
</g>
</clipPath>
</defs>
<metadata
id="metadata1431">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<path
id="path897"
style="font-style:normal;font-weight:normal;font-size:medium;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#4a86cf;fill-opacity:1;stroke:none;stroke-width:0.87278575"
d="m 15.69753,28.011893 c 2.76964,0 5.05052,-1.107856 6.38646,-2.476384 v -8.993184 h -6.77747 v 2.248296 h 4.2685 v 5.571864 c -0.8146,0.782016 -2.21571,1.270776 -3.71457,1.270776 -4.20334,0 -6.58197,-3.388736 -6.58197,-8.765096 0,-5.311192 2.6393,-8.6347602 6.64713,-8.6347602 2.0528,0 3.32357,0.847184 4.36626,1.9550402 l 1.53145,-1.7269522 c -1.20561,-1.270776 -3.0629,-2.60672 -5.89771,-2.60672 -5.53928,0 -9.48194,4.1707522 -9.48194,11.0785602 0,6.972976 3.8775,11.07856 9.25386,11.07856 z"
inkscape:connector-curvature="0" />
<path
id="path899"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:1.25;font-family:'Source Code Pro';-inkscape-font-specification:'Source Code Pro';letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.87278575"
d="m 33.24757,28.011893 c 5.3112,0 7.07073,-3.2584 7.07073,-7.233648 V 6.2131968 H 28.65323 v 2.28088 h 8.9606 V 20.550157 c 0,3.519072 -1.36853,5.083104 -4.43142,5.083104 -1.66179,0 -3.38874,-0.912352 -4.59435,-2.834808 l -1.69437,1.661784 c 1.46628,2.4438 3.97525,3.551656 6.35388,3.551656 z"
inkscape:connector-curvature="0" />
<path
id="path901"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:1.25;font-family:'Source Code Pro';-inkscape-font-specification:'Source Code Pro';letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.87278575"
d="m 53.73018,28.011893 c 4.6921,0 7.55949,-2.704472 7.55949,-6.093208 0,-3.160648 -2.08538,-4.626928 -4.72468,-5.7022 l -2.99773,-1.30336 c -1.8247,-0.749432 -3.81233,-1.498864 -3.81233,-3.551656 0,-1.9224562 1.66179,-3.1280642 4.13817,-3.1280642 2.21571,0 3.84491,0.782016 5.24603,2.0202082 l 1.43369,-1.7595362 c -1.56403,-1.564032 -3.91008,-2.639304 -6.58197,-2.639304 -4.073,0 -7.00556,2.411216 -7.00556,5.6696162 0,3.128064 2.47639,4.659512 4.62693,5.506696 l 3.0629,1.335944 c 2.18313,0.944936 3.84491,1.596616 3.84491,3.877496 0,1.987624 -1.72695,3.388736 -4.65951,3.388736 -2.4438,0 -4.65951,-1.075272 -6.25613,-2.671888 l -1.6292,1.889872 c 1.92246,1.922456 4.62693,3.160648 7.75499,3.160648 z"
inkscape:connector-curvature="0" />
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="488.04413"
height="442.74469"
viewBox="0 0 129.12835 117.14286"
version="1.1"
id="svg1434"
inkscape:export-filename="/home/andreasn/gnomelogo.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90"
inkscape:version="0.92.2 2405546, 2018-03-11"
sodipodi:docname="logo-alt.svg">
<defs
id="defs1428">
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="-12.461443 : 28.566468 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="52.822046 : 26.428312 : 1"
inkscape:persp3d-origin="28.766336 : 19.456353 : 1"
id="perspective1567" />
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath11622">
<g
transform="matrix(0.96968375,0,0,0.96968375,2344.6611,919.3584)"
id="g11624">
<g
id="g11626">
<path
style="fill:#2e3436"
d="m -1380.549,-396.694 c -11.948,0 -14.193,17.022 -7.469,17.022 6.721,0.001 19.421,-17.022 7.469,-17.022 z"
inkscape:connector-curvature="0"
id="path11628" />
<path
style="fill:#2e3436"
d="m -1400.394,-381.782 c 3.582,0.22 7.508,-13.66 0.78,-12.788 -6.726,0.873 -4.361,12.571 -0.78,12.788 z"
inkscape:connector-curvature="0"
id="path11630" />
<path
style="fill:#2e3436"
d="m -1416.799,-373.157 c 2.545,-1.122 0.327,-12.084 -4.003,-9.092 -4.327,2.991 1.458,10.212 4.003,9.092 z"
inkscape:connector-curvature="0"
id="path11632" />
<path
style="fill:#2e3436"
d="m -1409.627,-378.894 c 3.032,-0.619 3.197,-13.05 -2.206,-10.82 -5.406,2.23 -0.821,11.438 2.206,10.82 z"
inkscape:connector-curvature="0"
id="path11634" />
<path
style="fill:#2e3436"
d="m -1393.798,-351.072 c 0.537,4.105 -3.014,6.134 -6.491,3.487 -11.07,-8.428 18.329,-12.634 16.39,-24.147 -1.606,-9.558 -30.933,-6.617 -34.273,8.34 -2.261,10.114 9.305,24.147 21.371,24.147 5.938,0 12.785,-5.361 14.067,-12.151 0.977,-5.179 -11.514,-3.102 -11.064,0.324 z"
inkscape:connector-curvature="0"
id="path11636" />
</g>
</g>
</clipPath>
<filter
style="color-interpolation-filters:sRGB"
inkscape:label="Drop Shadow"
id="filter939">
<feFlood
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
result="flood"
id="feFlood929" />
<feComposite
in="flood"
in2="SourceGraphic"
operator="in"
result="composite1"
id="feComposite931" />
<feGaussianBlur
in="composite1"
stdDeviation="0.5"
result="blur"
id="feGaussianBlur933" />
<feOffset
dx="4.52416e-15"
dy="4.41314e-15"
result="offset"
id="feOffset935" />
<feComposite
in="SourceGraphic"
in2="offset"
operator="over"
result="composite2"
id="feComposite937" />
</filter>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.4"
inkscape:cx="147.90925"
inkscape:cy="236.74676"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="10"
fit-margin-left="10"
fit-margin-right="10"
fit-margin-bottom="10"
inkscape:snap-page="false"
inkscape:window-width="2330"
inkscape:window-height="1566"
inkscape:window-x="181"
inkscape:window-y="303"
inkscape:window-maximized="0"
units="px" />
<metadata
id="metadata1431">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(222.18583,79.937146)">
<path
inkscape:connector-curvature="0"
id="path897"
style="font-style:normal;font-weight:normal;font-size:medium;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#4a86cf;fill-opacity:1;stroke:none;stroke-width:1.94125974;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
d="m -183.61171,8.7341404 c 10.75318,0 19.60875,-4.3012726 24.79556,-9.61460936 V -36.58728 h -25.84329 v 8.729 h 16.10216 v 22.4235224 c -3.1627,3.0361924 -8.60253,4.9338127 -14.42189,4.9338127 -16.31955,0 -25.55462,-13.1568341 -25.55462,-34.0306571 0,-20.620807 10.24713,-33.524626 25.80761,-33.524626 7.97003,0 12.90382,3.289209 16.95209,7.590482 l 5.94588,-6.704926 c -4.6808,-4.933812 -11.89177,-10.120641 -22.89797,-10.120641 -21.50637,0 -36.81382,16.193026 -36.81382,43.012727 0,27.0727161 15.05447,43.0127264 35.92829,43.0127264 z"
sodipodi:nodetypes="sccccccsssccsss" />
<path
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:1.25;font-family:'Source Code Pro';-inkscape-font-specification:'Source Code Pro';letter-spacing:0px;word-spacing:0px;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:1.55300784;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m -122.38981,-52.240775 c -9.07099,0 -16.54709,3.685886 -20.85999,9.556234 v -8.715574 h -41.40901 v 8.856017 h 31.80863 V 4.2639964 c 0,13.6628666 -4.85927,19.7344266 -15.73177,19.7344266 -5.8989,0 -12.02797,-3.542851 -16.30759,-11.006818 l -6.01503,6.452413 c 5.20491,9.488102 14.11181,13.789629 22.55536,13.789629 9.90622,0 16.32824,-3.494756 20.19589,-9.048634 6.56078,5.919323 15.12382,9.598367 24.83859,9.598367 16.65578,0 26.834898,-10.500005 26.834898,-23.656837 0,-12.2712818 -7.402228,-17.9632779 -16.771058,-22.138042 l -10.64167,-5.06001 c -6.4772,-2.909684 -13.53282,-5.819621 -13.53282,-13.789626 0,-7.463973 5.89799,-12.144422 14.68847,-12.144422 7.86522,0 13.64934,3.035507 18.62293,7.842812 l 5.088089,-6.831613 c -5.551889,-6.072384 -13.879389,-10.246417 -23.363919,-10.246417 z m -20.85999,34.400836 c 3.26328,4.321788 8.02761,7.099056 12.41728,8.9904435 l 10.8724,5.1864094 c 7.74955,3.66873076 13.64919,6.2000698 13.64919,15.0556321 0,7.716989 -6.13049,13.155621 -16.54034,13.155621 -8.28958,0 -15.83601,-3.816511 -21.43581,-9.564263 0.69945,-3.069032 1.03728,-6.3751744 1.03728,-9.8351167 z"
id="path899-3"
inkscape:connector-curvature="0" />
</g>
</svg>
......@@ -3,8 +3,8 @@ home: true
heroText: GJS
tagline: A Guide to JavaScript for GNOME
actionText: Get Started →
actionLink: /tutorials/
heroImage: /hero.png
actionLink: /guides/
heroImage: /logo-alt.svg
features:
- title: Flexible
details: Create Desktop Apps to fit your needs!
......
---
title: About
---
# About GJS
## What is GJS?
## Cool! What is under the hood?
##
\ No newline at end of file
---
title: GJS Tutorials
title: GJS Guides
date: 2018-07-25 16:10:11
layout: IndexPage
---
## What is GJS?
# Developer Guides
Welcome to GJS!
Welcome to GJS!
<ShowCaseBox title="GJS" subtitle="Tutorials for GJS">
<ShowCase link="gjs-style-guide.html" title="Style Guide" subtitle="The official style guide for GJS and GNOME projects written in GJS." image="" />
<ShowCase link="gjs-transition.html" title="Transition" subtitle="How does GJS compare to other JavaScript environments?" image="" />
<ShowCase link="gjs-legacy-class-syntax.html" title="Legacy Classes" subtitle="How do I use the deprecated Lang.Class objects?" image="" />
<ShowCase link="gjs-features-across-versions.html" title="Feature Compatibility" subtitle="Which features work in my version of GJS?" image="" />
</ShowCaseBox>
<ShowCaseBox title="GTK" subtitle="Gtk Tutorials">
<ShowCase link="gjs-gtk-application-packaging.html" title="GTK+ Application Packaging" subtitle="How do I package my GTK+ application with GJS?" image="" />
</ShowCaseBox>
<ShowCaseBox title="Gio" subtitle="Gio Tutorials">
<ShowCase link="gjs-basic-file-operations.html" title="Files in GJS" subtitle="Basic File Operations in GJS" image="" />
</ShowCaseBox>
\ No newline at end of file
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment