This commit is contained in:
janis
2023-01-23 18:13:23 +01:00
parent e81ca0dceb
commit 70add78a6c
6 changed files with 37 additions and 14 deletions

View File

@@ -55,7 +55,7 @@ html, body {
overflow: scroll; overflow: scroll;
} }
.doc-container { #doc-container {
width: 90%; width: 90%;
margin: 5%; margin: 5%;
} }

View File

@@ -13,10 +13,8 @@
<div id="nav"></div> <div id="nav"></div>
<div id="top"></div> <div id="top"></div>
<div id="docPage"> <div id="docPage">
<div class="doc-container"> <div id="doc-container">
<div class="docTitle"> <h1>Getting Started with impress.js</h1>
<h1>Getting Started with impress.js</h1>
</div>
<p>impress.js is a JavaScript framework to create stunning presentations. Note: impress may not help you, if you have nothing interesting to say!</p> <p>impress.js is a JavaScript framework to create stunning presentations. Note: impress may not help you, if you have nothing interesting to say!</p>
<p>If you are new to impress and you want to learn to use it, we suggest you <a href="./gettingStarted.html" class="docs-link">start here</a>!</p> <p>If you are new to impress and you want to learn to use it, we suggest you <a href="./gettingStarted.html" class="docs-link">start here</a>!</p>
</div> </div>

View File

@@ -13,10 +13,8 @@
<div id="nav"></div> <div id="nav"></div>
<div id="top"></div> <div id="top"></div>
<div id="docPage"> <div id="docPage">
<div class="doc-container"> <div id="doc-container">
<div class="docTitle"> <h1>Welcome to the impress.js docs!</h1>
<h1>Welcome to the impress.js docs!</h1>
</div>
<p>impress.js is a JavaScript framework to create stunning presentations. Note: impress may not help you, if you have nothing interesting to say!</p> <p>impress.js is a JavaScript framework to create stunning presentations. Note: impress may not help you, if you have nothing interesting to say!</p>
<p>If you are new to impress and you want to learn to use it, we suggest you <a href="./gettingStarted.html" class="docs-link">start here</a>!</p> <p>If you are new to impress and you want to learn to use it, we suggest you <a href="./gettingStarted.html" class="docs-link">start here</a>!</p>
</div> </div>

View File

@@ -30,7 +30,7 @@
</body> </body>
<script> <script>
function highlightPath () { function highlightPath () {
}; };
$(document).ready(function () { $(document).ready(function () {

View File

@@ -16,6 +16,7 @@ const fs = require( 'fs' );
const path = require( 'path' ); const path = require( 'path' );
const mdhtml = require( 'markdown-it' ); const mdhtml = require( 'markdown-it' );
const md2html = new mdhtml(); const md2html = new mdhtml();
const docRoot = path.join( __dirname + '/../' );
const pluginsPath = path.join( __dirname + '/../../../src/plugins' ); const pluginsPath = path.join( __dirname + '/../../../src/plugins' );
@@ -39,9 +40,31 @@ function parseJS ( filepath ) {
} }
function checkLinks ( html ) { function checkLinks ( html ) {
} }
function storeHTML ( html, path ) { function storeHTML ( html, path ) {
let fileOut = `<!DOCTYPE html>
<html>
<head>
<title>Docs - impress.js</title>
<!--I am using jquery for button animations.-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="/js/docs/loader.js"></script>
<link rel="stylesheet" href="/css/docs/style.css">
</head>
<body>
<div class="content">
<div id="nav"></div>
<div id="top"></div>
<div id="docPage">
<div id="doc-container">` + html
+ `</div>
</div>
<div id="footer"></div>
</div>
</body>
</html>`;
fs.writeFileSync( docRoot + '/plugins/' + path + '.html', fileOut );
} }

View File

@@ -3,13 +3,17 @@
<head> <head>
<title>Docs - impress.js</title> <title>Docs - impress.js</title>
<!--I am using jquery for button animations.--> <!--I am using jquery for button animations.-->
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="/js/docs/loader.js"></script>
<link rel="stylesheet" href="/css/docs/style.css">
</head> </head>
<body> <body>
<div class="content"> <div class="content">
<div id="nav"></div> <div id="nav"></div>
<div id="top"></div>
<div id="docPage"> <div id="docPage">
<div class="docTitle"></div> <div id="doc-container"></div>
</div> </div>
<div id="footer"></div> <div id="footer"></div>
</div> </div>