themed coverpage

This commit is contained in:
Atul R 2019-08-03 21:48:07 +02:00
parent 61c7361a11
commit 5d935af59c
4 changed files with 30 additions and 10 deletions

12
docs/_coverpage.md Normal file
View File

@ -0,0 +1,12 @@
<div style="display: flex; align-items:center;justify-content:center;margin-left:-120px;">
<img src="images/nodegui.svg" style="height:100px; margin-right:20px;" />
<h1 style="display:inline;"> NodeGui </h1>
</div>
<p style="font-weight:400; font-size:1.5em;">An open source library for building cross-platform desktop applications with JavaScript and CSS like styling.</p>
<img src="images/demo.png" alt="demo" style="width: 100%;"/>
<p style="font-weight:500; font-size:1em;">
NodeGui is based on Qt5 and <strong><i>NOT</i></strong> chromium, hence it is memory and cpu efficient.
</p>
<a href="#/?id=guides-and-tutorials"><p style="font-size: 1.3em;"></p></a>

BIN
docs/images/demo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 KiB

5
docs/images/nodegui.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.2 KiB

View File

@ -17,18 +17,24 @@
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple-dark.css"
href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple.css"
/>
<style>
:root {
--heading-margin: 0;
--cover-heading-color: hsl(204, 90%, 45%);
--cover-background-color: white;
}
</style>
</head>
<body>
<div id="app">Loading documentation...</div>
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsify-themeable@0"></script>
<script src="//unpkg.com/docsify-edit-on-github/index.js"></script>
<script>
window.$docsify = {
name: "NodeGui",
repo: "https://github.com/nodegui/nodegui",
coverpage: true,
themeable: {
readyTransition: true, // default
responsiveTables: true // default
@ -40,14 +46,11 @@
placeholder: "Type to search",
noData: "No Results!"
},
disqus: "nodegui",
plugins: [
EditOnGithubPlugin.create(
"https://github.com/master-atul/nodegui/blob/master/docs/"
)
]
disqus: "nodegui"
};
</script>
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsify-themeable@0"></script>
<script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
<script src="//unpkg.com/docsify/lib/plugins/disqus.min.js"></script>
<script src="//unpkg.com/docsify/lib/plugins/ga.min.js"></script>