docs wip

OSSPhilippines · May 30, 2024 · 7914a3b · 7914a3b
1 parent f355f63
commit 7914a3b
Show file tree

Hide file tree

Showing 9 changed files with 37 additions and 38 deletions.
diff --git a/...src/templates/components/code-editor.html → ...emple-web/src/components/code-editor.html b/...src/templates/components/code-editor.html → ...emple-web/src/components/code-editor.html
diff --git a/.../src/templates/components/panel-main.html → ...temple-web/src/components/panel-main.html b/.../src/templates/components/panel-main.html → ...temple-web/src/components/panel-main.html
diff --git a/.../src/templates/components/tui-button.html → ...temple-web/src/components/tui-button.html b/.../src/templates/components/tui-button.html → ...temple-web/src/components/tui-button.html
diff --git a/packages/temple-web/src/index.ts b/packages/temple-web/src/index.ts
@@ -26,7 +26,7 @@ app.engine(
   },
 );
 //set the view engine to temple
-app.set('views', path.join(__dirname, 'templates'));
+app.set('views', path.join(__dirname, 'pages'));
 app.set('view engine', 'html');
 
 //open public folder
@@ -42,13 +42,13 @@ app.get('/temple/**', (req, res) => {
     return res.render('index', props);
   }
   //try templates/app.html
-  let template = path.join(__dirname, 'templates', route + '.html');
+  let template = path.join(__dirname, 'pages', route + '.html');
   if (fs.existsSync(template)) {
     res.type('text/html');
     return res.render(route, props);
   }
   //try templates/app/index.html
-  template = path.join(__dirname, 'templates', route, 'index.html');
+  template = path.join(__dirname, 'pages', route, 'index.html');
   if (fs.existsSync(template)) {
     res.type('text/html');
     return res.render(`${route}/index`, props);

diff --git a/packages/temple-web/src/pages/docs/index.html b/packages/temple-web/src/pages/docs/index.html
diff --git a/packages/temple-web/src/pages/docs/started.html b/packages/temple-web/src/pages/docs/started.html
diff --git a/packages/temple-web/src/templates/index.html → packages/temple-web/src/pages/index.html b/packages/temple-web/src/templates/index.html → packages/temple-web/src/pages/index.html
@@ -1,7 +1,7 @@
-<link rel="import" href="./components/panel-head.html" />
-<link rel="import" href="./components/panel-main.html" />
-<link rel="import" href="./components/tui-button.html" />
-<link rel="import" href="./components/code-editor.html" />
+<link rel="import" type="template" href="@/templates/panel-head.html" />
+<link rel="import" type="component" href="@/components/panel-main.html" />
+<link rel="import" type="component" href="@/components/tui-button.html" />
+<link rel="import" type="component" href="@/components/code-editor.html" />
 <style>
   .section-hero {
     background-color: var(--bg-first);
@@ -49,12 +49,9 @@
     <link rel="shortcut icon" type="image/png" href="/temple/favicon.png" />
     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" />
     <link rel="stylesheet" type="text/css" href="/temple/styles/theme.css" />
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.34.2/theme-monokai.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.34.2/mode-javascript.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.34.2/ace.js"></script>
   </head>
   <body class="dark panel panel-head">
-    <panel-head class="head panel-head"></panel-head>
+    <panel-head />
     <panel-main class="panel-main">
       <section class="section-hero">
         <img src="/temple/temple-icon.png" alt="Temple Logo" />
@@ -76,7 +73,7 @@ <h1>Temple</h1>
         <code-editor class="editor"></code-editor>
       </section>
       <section class="section-bullets">
-        Bullets
+        Bullets "ok" good
       </section>
       <section class="section-interactive">
         Interactive

diff --git a/packages/temple-web/src/templates/components/panel-head.html b/packages/temple-web/src/templates/components/panel-head.html
diff --git a/packages/temple-web/src/templates/panel-head.html b/packages/temple-web/src/templates/panel-head.html
@@ -0,0 +1,28 @@
+<header class="head panel-head">
+  <img src="/temple/temple-icon.png" alt="Temple Logo" />
+  <h3>Temple</h3>
+  <nav>
+    <a href="/temple/docs">Docs</a>
+    <a 
+      class="github" 
+      href="https://github.com/ossPhilippines/frui" 
+      target="_blank"
+    >
+      <i class="fab fa-github"></i>
+    </a>
+    <a 
+      class="npm" 
+      href="https://www.npmjs.com/package/frui"
+      target="_blank"
+    >
+      <i class="fab fa-npm text-white"></i>
+    </a>
+    <a 
+      class="discord" 
+      href="https://discord.gg/open-source-software-ph-905496362982981723"
+      target="_blank"
+    >
+      <i class="fab fa-discord text-white"></i>
+    </a>
+  </nav>
+</header>