diff --git a/.htaccess b/.htaccess new file mode 100644 index 0000000..ce4dcdb --- /dev/null +++ b/.htaccess @@ -0,0 +1,9 @@ +RewriteEngine On +RewriteBase / + +DirectoryIndex /www/index.html + +RewriteCond %{REQUEST_URI} !^/www/ +RewriteCond %{REQUEST_FILENAME} !-d +RewriteCond %{REQUEST_FILENAME}\.html -f +RewriteRule ^(.+)$ /www/$1.html [L] \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..f673a71 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5502 +} \ No newline at end of file diff --git a/assets/component.html b/assets/component.html deleted file mode 100644 index 52befd2..0000000 --- a/assets/component.html +++ /dev/null @@ -1,18 +0,0 @@ -
+ Include PixelbiteCSS via including link to specific version. You can select minified or classic version or try experimental version for your own project.
+
+ Select version:
+
<link rel="stylesheet" href="${object[0].css}">
+ <script src="${object[0].js}"></script>
+
+ Start using PixelbiteCSS now by selecting version you want to use or you can optionally donwload library via npm or Github.
+
+ Read installation docs
+
$1'},{pattern:/^- \[(x| )\]\s+(.*)$/gm,replacement:'$1"},{pattern:/```([\w-]+)?\n([\s\S]*?)\n```/gm,replacement:'
$2'},{pattern:/`([^`]+)`/gm,replacement:'$1'},{pattern:/\n---\n/gm,replacement:"Component not found [path='+path+']
- see more details$1'},{pattern:/^- \[(x| )\]\s+(.*)$/gm,replacement:'$1"},{pattern:/```([\w-]+)?\n([\s\S]*?)\n```/gm,replacement:'
$2'},{pattern:/`([^`]+)`/gm,replacement:'$1'},{pattern:/\n---\n/gm,replacement:"'+l+'
- see more details$1'},{pattern:/^- \[(x| )\]\s+(.*)$/gm,replacement:'$1"},{pattern:/```([\w-]+)?\n([\s\S]*?)\n```/gm,replacement:'
$2'},{pattern:/`([^`]+)`/gm,replacement:'$1'},{pattern:/\n---\n/gm,replacement:"'+l+'
- see more details$1"},
+ {pattern: /^- \[(x| )\]\s+(.*)$/gm, replacement: "$1"}, + { + pattern: /```([\w-]+)?\n([\s\S]*?)\n```/gm, + replacement: '
$2'
+ },
+ {
+ pattern: /`([^`]+)`/gm,
+ replacement: '$1'
+ },
+ {pattern: /\n---\n/gm, replacement: "' + message + '
' +
+ '- see more details' +
+ '' +
+ '' +
+ '' + message + '
' +
+ '- see more details' +
+ '' +
+ '' +
+ 'Component not found [path=' + path + ']
' +
- '- see more details' +
- '' +
- '' +
- '<div class="bg-red50">
- <h1 class="c-red50">Hello world</h1>
- <div class="c-red50">
- Lorem ipsum dolor sit amet.
- Aenean commodo ligula eget dolor.
- Cum sociis natoque penatibus.
- Donec quam felis, sem.
- </div>
-</div>
-<div class="bg-orange50">
- <h1 class="c-orange50">Hello world</h1>
- <div class="c-orange50">
- Lorem ipsum dolor sit amet.
- Aenean commodo ligula eget dolor.
- Cum sociis natoque penatibus.
- Donec quam felis, sem.
- </div>
-</div>
\ No newline at end of file
diff --git a/tests/website/content/colors.html b/tests/website/content/colors.html
deleted file mode 100644
index dd12f36..0000000
--- a/tests/website/content/colors.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<component
- path="./components/component.html"
- name="Jericho Albert"
- mail="jericho.albert@example.com"
-></component>
-<component
- path="./components/component.html"
- name="Carlos Rodman"
- mail="carlos.rodman@example.com"
-></component>
-<component
- path="./components/component.html"
- name="Stuart Paul"
- mail="stuart.paul@example.com"
-></component>
\ No newline at end of file
diff --git a/tests/website/content/components.html b/tests/website/content/components.html
deleted file mode 100644
index 525c765..0000000
--- a/tests/website/content/components.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<div class="
- min500:flexDirection-column
- max500:flexDirection-row
-">
- <img class="ar-1/1 w-142px br-50%" src="./res/assets/avatar.jpg"/>
- <div class="fw-900 fs-24px">
- PixelbiteCSS
- </div>
-</div>
\ No newline at end of file
diff --git a/tests/website/content/responsibility.html b/tests/website/content/responsibility.html
deleted file mode 100644
index 4538b8e..0000000
--- a/tests/website/content/responsibility.html
+++ /dev/null
@@ -1,23 +0,0 @@
--<div class="- <img class="modal w-100% p-48px-36px flexRow flexCenter flexMiddle g-24px bg-white100 dark:bg-purple10 b-1px-solid-white90 dark:b-1px-solid-purple25">ar-1/1 w-156px br-50%" src="https://avatars.githubusercontent.com/u/83291717?v=4"> - <div class="flexColumn flexLeft flexTop fw-500"> - <div class="c-white0 dark:c-white80 pb-12px"> - "New and easy way to create html websites, without using external CSS and JavaScript." - </div> - <div class="c-purple50"> - Jan Poláček - </div> - <div class="c-white50"> - Pixelbite's Developer - </div> - </div> -</div>
-<div class="- <img class="modal w-100% p-48px-36px flexRow flexCenter flexMiddle g-24px bg-white100 dark:bg-purple10 b-1px-solid-white90 dark:b-1px-solid-purple25">ar-1/1 w-156px br-50%" src="https://avatars.githubusercontent.com/u/83291717?v=4"> - <div class="flexColumn flexLeft flexTop fw-500"> - <div class="c-white0 dark:c-white80 pb-12px"> - "New and easy way to create html websites, without using external CSS and JavaScript." - </div> - <div class="c-purple50"> - Jan Poláček - </div> - <div class="c-white50"> - Pixelbite's Developer - </div> - </div> -</div>