@@ -1,5 +1,5 @@ | |||||
<template> | <template> | ||||
<div class="panel"> | |||||
<div class="app-panel"> | |||||
<template v-if="user"> | <template v-if="user"> | ||||
<side-bar v-if="user" | <side-bar v-if="user" | ||||
@@ -1 +1 @@ | |||||
{"version":"1.5","timestamp":1710878689,"count":14,"index":{"":{"key":"","storage_key":"","template":null,"storage_timestamp":1710878689,"children":{"01.home":1704396086,"02.about":1704398516,"03.typography":1703638467,"04.pricing":1704400398,"05.blog":1703638467,"06.register":1710878689,"07.app":1710874534},"checksum":"85f91b3e4639cca03cc9350e26546637"},"01.home":{"key":"home","storage_key":"01.home","template":"modular","storage_timestamp":1704396086,"markdown":{"":{"modular":1703631506}},"children":{"01._hero":1703718436,"02._features":1703720151,"03._example":1703716188,"04._comparison-pdf":1703719134,"05._info":1703720014,"06._any_device":1704396086},"checksum":"dbbcfea030db5994b105e013be94b15c"},"01.home\/01._hero":{"key":"home\/_hero","storage_key":"01.home\/01._hero","template":"hero","storage_timestamp":1703718436,"markdown":{"":{"hero":1703718436}},"checksum":"45dc2f4a454b5f0609cbe09cfda09790"},"01.home\/02._features":{"key":"home\/_features","storage_key":"01.home\/02._features","template":"features","storage_timestamp":1703720151,"markdown":{"":{"features":1703720151}},"checksum":"ed7be750188fc4ed50ebcdc060f6fb53"},"01.home\/03._example":{"key":"home\/_example","storage_key":"01.home\/03._example","template":"text","storage_timestamp":1703716188,"markdown":{"":{"text":1703713545}},"checksum":"48b2ea373eba19040584a991b21c083c"},"01.home\/04._comparison-pdf":{"key":"home\/_comparison-pdf","storage_key":"01.home\/04._comparison-pdf","template":"text","storage_timestamp":1703719134,"markdown":{"":{"text":1703719134}},"checksum":"f323d6050403b0102c73c174d74b2f0a"},"01.home\/05._info":{"key":"home\/_info","storage_key":"01.home\/05._info","template":"features","storage_timestamp":1703720014,"markdown":{"":{"features":1703720014}},"checksum":"35c9bee0f74fe81449a491e31bf81bcb"},"01.home\/06._any_device":{"key":"home\/_any_device","storage_key":"01.home\/06._any_device","template":"text","storage_timestamp":1704397975,"markdown":{"":{"text":1704397975}},"checksum":"aabfe01503028954e8557c5bff37048d"},"02.about":{"key":"about","storage_key":"02.about","template":"default","storage_timestamp":1704398516,"markdown":{"":{"default":1704398516}},"checksum":"3d12d8cc95786aef7316b6c379752aa0"},"03.typography":{"key":"typography","storage_key":"03.typography","template":"default","storage_timestamp":1703638467,"markdown":{"":{"default":1696264967}},"checksum":"e18e25aa1028384a58d66d7b5c74b799"},"04.pricing":{"key":"pricing","storage_key":"04.pricing","template":"default","storage_timestamp":1704400398,"markdown":{"":{"default":1704400398}},"checksum":"76ddfc1dafa27268dca3f24db2ffa05a"},"05.blog":{"key":"blog","storage_key":"05.blog","template":"blog","storage_timestamp":1703638467,"markdown":{"":{"blog":1703636303}},"checksum":"88a8e8a7109dc2957e9dc3e1fd81fa85"},"06.register":{"key":"register","storage_key":"06.register","template":"registration","storage_timestamp":1710878689,"markdown":{"":{"registration":1710878540}},"checksum":"983a354c44dd4836c96f7a5a0a7b74f1"},"07.app":{"key":"app","storage_key":"07.app","template":"app","storage_timestamp":1710874534,"markdown":{"":{"app":1710874534}},"checksum":"f0e4e99804d225d38720b9454d7b342b"}}} | |||||
{"version":"1.5","timestamp":1710880035,"count":13,"index":{"":{"key":"","storage_key":"","template":null,"storage_timestamp":1710880035,"children":{"01.home":1704396086,"02.about":1704398516,"04.pricing":1704400398,"05.blog":1703638467,"06.register":1710878689,"07.app":1710874534},"checksum":"1fd7a2a72c57a3f77d8d7016060b50de"},"01.home":{"key":"home","storage_key":"01.home","template":"modular","storage_timestamp":1704396086,"markdown":{"":{"modular":1703631506}},"children":{"01._hero":1703718436,"02._features":1703720151,"03._example":1703716188,"04._comparison-pdf":1703719134,"05._info":1703720014,"06._any_device":1704396086},"checksum":"dbbcfea030db5994b105e013be94b15c"},"01.home\/01._hero":{"key":"home\/_hero","storage_key":"01.home\/01._hero","template":"hero","storage_timestamp":1703718436,"markdown":{"":{"hero":1703718436}},"checksum":"45dc2f4a454b5f0609cbe09cfda09790"},"01.home\/02._features":{"key":"home\/_features","storage_key":"01.home\/02._features","template":"features","storage_timestamp":1703720151,"markdown":{"":{"features":1703720151}},"checksum":"ed7be750188fc4ed50ebcdc060f6fb53"},"01.home\/03._example":{"key":"home\/_example","storage_key":"01.home\/03._example","template":"text","storage_timestamp":1703716188,"markdown":{"":{"text":1703713545}},"checksum":"48b2ea373eba19040584a991b21c083c"},"01.home\/04._comparison-pdf":{"key":"home\/_comparison-pdf","storage_key":"01.home\/04._comparison-pdf","template":"text","storage_timestamp":1703719134,"markdown":{"":{"text":1703719134}},"checksum":"f323d6050403b0102c73c174d74b2f0a"},"01.home\/05._info":{"key":"home\/_info","storage_key":"01.home\/05._info","template":"features","storage_timestamp":1703720014,"markdown":{"":{"features":1703720014}},"checksum":"35c9bee0f74fe81449a491e31bf81bcb"},"01.home\/06._any_device":{"key":"home\/_any_device","storage_key":"01.home\/06._any_device","template":"text","storage_timestamp":1704397975,"markdown":{"":{"text":1704397975}},"checksum":"aabfe01503028954e8557c5bff37048d"},"02.about":{"key":"about","storage_key":"02.about","template":"default","storage_timestamp":1704398516,"markdown":{"":{"default":1704398516}},"checksum":"3d12d8cc95786aef7316b6c379752aa0"},"04.pricing":{"key":"pricing","storage_key":"04.pricing","template":"default","storage_timestamp":1704400398,"markdown":{"":{"default":1704400398}},"checksum":"76ddfc1dafa27268dca3f24db2ffa05a"},"05.blog":{"key":"blog","storage_key":"05.blog","template":"blog","storage_timestamp":1703638467,"markdown":{"":{"blog":1703636303}},"checksum":"88a8e8a7109dc2957e9dc3e1fd81fa85"},"06.register":{"key":"register","storage_key":"06.register","template":"registration","storage_timestamp":1710878689,"markdown":{"":{"registration":1710878540}},"checksum":"983a354c44dd4836c96f7a5a0a7b74f1"},"07.app":{"key":"app","storage_key":"07.app","template":"app","storage_timestamp":1710874534,"markdown":{"":{"app":1710874534}},"checksum":"f0e4e99804d225d38720b9454d7b342b"}}} |
@@ -1,4 +1,4 @@ | |||||
last_checked: 1710877622 | |||||
last_checked: 1710888087 | |||||
data: | data: | ||||
feed: | feed: | ||||
- | - | ||||
@@ -1,4 +1,4 @@ | |||||
import {createApp} from "vue" | import {createApp} from "vue" | ||||
import App from "./registration.vue" | |||||
import Reg from "./registration.vue" | |||||
const app = createApp(App).mount("#registration") | |||||
const app = createApp(Reg).mount("#registration") |
@@ -1,155 +0,0 @@ | |||||
--- | |||||
title: Typography | |||||
--- | |||||
! Details on the full capabilities of Spectre.css can be found in the [Official Spectre Documentation](https://picturepan2.github.io/spectre/elements.html) | |||||
The [Quark theme](https://github.com/getgrav/grav-theme-quark) is the new default theme for Grav built with [Spectre.css](https://picturepan2.github.io/spectre/) the lightweight, responsive and modern CSS framework. Spectre provides basic styles for typography, elements, and a responsive layout system that utilizes best practices and consistent language design. | |||||
### Headings | |||||
# H1 Heading `40px` | |||||
## H2 Heading `32px` | |||||
### H3 Heading `28px` | |||||
#### H4 Heading `24px` | |||||
##### H5 Heading `20px` | |||||
###### H6 Heading `16px` | |||||
```html | |||||
# H1 Heading | |||||
# H1 Heading `40px`</small>` | |||||
<span class="h1">H1 Heading</span> | |||||
``` | |||||
### Paragraphs | |||||
Lorem ipsum dolor sit amet, consectetur [adipiscing elit. Praesent risus leo, dictum in vehicula sit amet](#), feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat. | |||||
Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs. | |||||
### Markdown Semantic Text Elements | |||||
**Bold** `**Bold**` | |||||
_Italic_ `_Italic_` | |||||
~~Deleted~~ `~~Deleted~~` | |||||
`Inline Code` `` `Inline Code` `` | |||||
### HTML Semantic Text Elements | |||||
<abbr>I18N</abbr> `<abbr>` | |||||
<cite>Citation</cite> `<cite>` | |||||
<kbd>Ctrl + S</kbd> `<kbd>` | |||||
Text<sup>Superscripted</sup> `<sup>` | |||||
Text<sub>Subscripted</sub> `<sub>` | |||||
<u>Underlined</u> `<u>` | |||||
<mark>Highlighted</mark> `<mark>` | |||||
<time>20:14</time> `<time>` | |||||
<var>x = y + 2</var> `<var>` | |||||
### Blockquote | |||||
> The advance of technology is based on making it fit in so that you don't really even notice it, | |||||
> so it's part of everyday life. | |||||
> | |||||
> <cite>- Bill Gates</cite> | |||||
```markdown | |||||
> The advance of technology is based on making it fit in so that you don't really even notice it, | |||||
> so it's part of everyday life. | |||||
> | |||||
> <cite>- Bill Gates</cite> | |||||
``` | |||||
### Unordered List | |||||
* list item 1 | |||||
* list item 2 | |||||
* list item 2.1 | |||||
* list item 2.2 | |||||
* list item 2.3 | |||||
* list item 3 | |||||
```markdown | |||||
* list item 1 | |||||
* list item 2 | |||||
* list item 2.1 | |||||
* list item 2.2 | |||||
* list item 2.3 | |||||
* list item 3 | |||||
``` | |||||
### Ordered List | |||||
1. list item 1 | |||||
1. list item 2 | |||||
1. list item 2.1 | |||||
1. list item 2.2 | |||||
1. list item 2.3 | |||||
1. list item 3 | |||||
```markdown | |||||
1. list item 1 | |||||
1. list item 2 | |||||
1. list item 2.1 | |||||
1. list item 2.2 | |||||
1. list item 2.3 | |||||
1. list item 3 | |||||
``` | |||||
### Table | |||||
| Name | Genre | Release date | | |||||
| :-------------------------- | :---------------------------: | -------------------: | | |||||
| The Shawshank Redemption | Crime, Drama | 14 October 1994 | | |||||
| The Godfather | Crime, Drama | 24 March 1972 | | |||||
| Schindler's List | Biography, Drama, History | 4 February 1994 | | |||||
| Se7en | Crime, Drama, Mystery | 22 September 1995 | | |||||
```markdown | |||||
| Name | Genre | Release date | | |||||
| :-------------------------- | :---------------------------: | -------------------: | | |||||
| The Shawshank Redemption | Crime, Drama | 14 October 1994 | | |||||
| The Godfather | Crime, Drama | 24 March 1972 | | |||||
| Schindler's List | Biography, Drama, History | 4 February 1994 | | |||||
| Se7en | Crime, Drama, Mystery | 22 September 1995 | | |||||
``` | |||||
### Notices | |||||
The notices styles are actually provided by the `markdown-notices` plugin but are useful enough to include here: | |||||
! This is a warning notification | |||||
!! This is a error notification | |||||
!!! This is a default notification | |||||
!!!! This is a success notification | |||||
```markdown | |||||
! This is a warning notification | |||||
!! This is a error notification | |||||
!!! This is a default notification | |||||
!!!! This is a success notification | |||||
``` | |||||
@@ -42,10 +42,6 @@ button:disabled { | |||||
background: grey; | background: grey; | ||||
} | } | ||||
/* button:not(:disabled):hover { */ | |||||
/* background: var(--text-dark); */ | |||||
/* } */ | |||||
input, select { | input, select { | ||||
border: 2px solid var(--outline); | border: 2px solid var(--outline); | ||||
border-radius: 3px; | border-radius: 3px; | ||||
@@ -66,7 +62,7 @@ section.form label { | |||||
margin: 10px 0 10px 30px; | margin: 10px 0 10px 30px; | ||||
} | } | ||||
main .panel { | |||||
.app-panel { | |||||
height: 100%; | height: 100%; | ||||
width: 100%; | width: 100%; | ||||
position: absolute; | position: absolute; |
@@ -1,5 +1,5 @@ | |||||
import {createApp} from "vue" | import {createApp} from "vue" | ||||
import App from "./components/app.vue" | import App from "./components/app.vue" | ||||
import "./assets/main.css" | |||||
import "./main.css" | |||||
const app = createApp(App).mount("#app") | const app = createApp(App).mount("#app") |
@@ -1,6 +1,8 @@ | |||||
{ | { | ||||
"scripts": { | "scripts": { | ||||
"watch": "webpack --mode development --watch", | "watch": "webpack --mode development --watch", | ||||
"build": "webpack --mode production", | |||||
"front": "webpack --mode production -c ./grav-webpack.config.js", | |||||
"grav": "webpack --mode development -c ./grav-webpack.config.js --watch" | "grav": "webpack --mode development -c ./grav-webpack.config.js --watch" | ||||
}, | }, | ||||
"dependencies": { | "dependencies": { | ||||
@@ -1,5 +0,0 @@ | |||||
{{define "main"}} | |||||
<main id="app" class='fade-in-2'> | |||||
</main> | |||||
<script type="module" src="/assets/app.js" ></script> | |||||
{{end}} |
@@ -1,13 +0,0 @@ | |||||
{{define "header"}} | |||||
<header class="default fade-in"> | |||||
<nav> | |||||
<li></li> | |||||
<li></li> | |||||
</nav> | |||||
</header> | |||||
{{end}} | |||||
{{define "main"}} | |||||
<main class='fade-in-2'> | |||||
</main> | |||||
{{end}} |
@@ -1,17 +0,0 @@ | |||||
<!DOCTYPE html> | |||||
<head> | |||||
<meta charset='utf-8'> | |||||
<meta name="viewport" | |||||
content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |||||
<link rel="stylesheet" href="/assets/main.css"> | |||||
<link rel="shortcut icon" type="image/svg+xml" | |||||
href="/assets/image/icon/hat2.png" /> | |||||
<title>Skouter - {{.Title}}</title> | |||||
</head> | |||||
<body> | |||||
{{block "header" .}} | |||||
{{end}} | |||||
{{template "main" .}} | |||||
</body> |