+
+
+
+
-
-
diff --git a/src/assets/style.scss b/src/assets/style.scss
index e6d0ee7..336c9b0 100644
--- a/src/assets/style.scss
+++ b/src/assets/style.scss
@@ -1,13 +1,16 @@
-@import 'bulma/css/bulma.css';
+@import "bulma/css/bulma.css";
-$viossa-blue: #65B7F9;
+$viossa-blue: #65b7f9;
body {
- background-color: $viossa-blue;
- font: normal Verdana, Arial, sans-serif;
- color: black;
+ background-color: $viossa-blue;
+ font:
+ normal Verdana,
+ Arial,
+ sans-serif;
+ color: black;
}
h1 {
- font-size: 48px;
-}
\ No newline at end of file
+ font-size: 48px;
+}
diff --git a/src/components/atoms/atoms.md b/src/components/atoms/atoms.md
index b009074..d513575 100644
--- a/src/components/atoms/atoms.md
+++ b/src/components/atoms/atoms.md
@@ -6,4 +6,4 @@ Atoms are the basic building blocks of matter. Applied to web interfaces, atoms
Atoms can also include more abstract elements like color palettes, fonts and even more invisible aspects of an interface like animations.
-Like atoms in nature they’re fairly abstract and often not terribly useful on their own. However, they’re good as a reference in the context of a pattern library as you can see all your global styles laid out at a glance.
\ No newline at end of file
+Like atoms in nature they’re fairly abstract and often not terribly useful on their own. However, they’re good as a reference in the context of a pattern library as you can see all your global styles laid out at a glance.
diff --git a/src/components/molecules/PaddingWrapper.vue b/src/components/molecules/PaddingWrapper.vue
index 5e0cb01..7fc5e59 100644
--- a/src/components/molecules/PaddingWrapper.vue
+++ b/src/components/molecules/PaddingWrapper.vue
@@ -1,11 +1,9 @@
-
-
-
+
+
+
\ No newline at end of file
+export default { name: "PaddingWrapper" };
+
diff --git a/src/components/molecules/molecules.md b/src/components/molecules/molecules.md
index a350588..d836cae 100644
--- a/src/components/molecules/molecules.md
+++ b/src/components/molecules/molecules.md
@@ -6,4 +6,4 @@ Things start getting more interesting and tangible when we start combining atoms
For example, a form label, input or button aren’t too useful by themselves, but combine them together as a form and now they can actually do something together.
-Building up to molecules from atoms encourages a “do one thing and do it well” mentality. While molecules can be complex, as a rule of thumb they are relatively simple combinations of atoms built for reuse.
\ No newline at end of file
+Building up to molecules from atoms encourages a “do one thing and do it well” mentality. While molecules can be complex, as a rule of thumb they are relatively simple combinations of atoms built for reuse.
diff --git a/src/components/organisms/HistorySection.vue b/src/components/organisms/HistorySection.vue
index 66fc6df..6d0585a 100644
--- a/src/components/organisms/HistorySection.vue
+++ b/src/components/organisms/HistorySection.vue
@@ -1,18 +1,34 @@
-
+
+
+
+
Viossa's History
+
+ Knock over christmas tree... If it fits i sits, jump five feet
+ high and sideways when a shadow moves, rub face on owner and
+ sometimes switches in french and say "miaou" just because well
+ why not. Good morning sunshine, pet a cat, rub its belly, endure
+ blood and agony, quietly weep, keep rubbing belly. Chase ball of
+ string stares at human while pushing stuff off a table ooooh
+ feather moving feather! jump up to edge of bath, fall in then
+ scramble in a mad panic to get out slap kitten brother with paw
+ for chase mice. Have a lot of grump in yourself because you
+ can't forget to be grumpy and not be like king grumpy cat
+ mmmmmmmmmeeeeeeeeooooooooowwwwwwww but cough furball into food
+ bowl then scratch owner for a new one. Scream at teh bath open
+ the door, let me out, let me out, let me-out, let me-aow, let
+ meaow, meaow!
+
+
-
-
-
Viossa's History
-
Knock over christmas tree... If it fits i sits, jump five feet high and sideways when a shadow moves, rub face on owner and sometimes switches in french and say "miaou" just because well why not. Good morning sunshine, pet a cat, rub its belly, endure blood and agony, quietly weep, keep rubbing belly. Chase ball of string stares at human while pushing stuff off a table ooooh feather moving feather! jump up to edge of bath, fall in then scramble in a mad panic to get out slap kitten brother with paw for chase mice. Have a lot of grump in yourself because you can't forget to be grumpy and not be like king grumpy cat mmmmmmmmmeeeeeeeeooooooooowwwwwwww but cough furball into food bowl then scratch owner for a new one. Scream at teh bath open the door, let me out, let me out, let me-out, let me-aow, let meaow, meaow!
Cat ipsum dolor sit amet, be superior eats owners hair then claws head gimme attention gimme attention gimme attention gimme attention gimme attention gimme attention just kidding i don't want it anymore meow bye. Avoid the new toy and just play with the box it came in floof tum, tickle bum, jellybean footies curly toes curl up and sleep on the freshly laundered towels hiss and stare at nothing then run suddenly away. Need to check on human, have not seen in an hour might be dead oh look, human is alive, hiss at human, feed me attack the dog then pretend like nothing happened jump on human and sleep on her all night long be long in the bed, purr in the morning and then give a bite to every human around for not waking up request food, purr loud scratch the walls, the floor, the windows, the humans eat prawns daintily with a claw then lick paws clean wash down prawns with a lap of carnation milk then retire to the warmest spot on the couch to claw at the fabric before taking a catnap steal raw zucchini off kitchen counter...
-
-
-
-
\ No newline at end of file
+
+
+
What is Viossa?
+
+ Cat ipsum dolor sit amet, be superior eats owners hair then
+ claws head gimme attention gimme attention gimme attention gimme
+ attention gimme attention gimme attention just kidding i don't
+ want it anymore meow bye. Avoid the new toy and just play with
+ the box it came in floof tum, tickle bum, jellybean footies
+ curly toes curl up and sleep on the freshly laundered towels
+ hiss and stare at nothing then run suddenly away. Need to check
+ on human, have not seen in an hour might be dead oh look, human
+ is alive, hiss at human, feed me attack the dog then pretend
+ like nothing happened jump on human and sleep on her all night
+ long be long in the bed, purr in the morning and then give a
+ bite to every human around for not waking up request food, purr
+ loud scratch the walls, the floor, the windows, the humans eat
+ prawns daintily with a claw then lick paws clean wash down
+ prawns with a lap of carnation milk then retire to the warmest
+ spot on the couch to claw at the fabric before taking a catnap
+ steal raw zucchini off kitchen counter...
+
+
+
+
diff --git a/src/components/organisms/SideBar.vue b/src/components/organisms/SideBar.vue
index 83bfcb7..4578dfb 100644
--- a/src/components/organisms/SideBar.vue
+++ b/src/components/organisms/SideBar.vue
@@ -1,7 +1,3 @@
-
-
-
-
-
-
\ No newline at end of file
+
diff --git a/src/components/organisms/organisms.md b/src/components/organisms/organisms.md
index 7c62cbc..9be9268 100644
--- a/src/components/organisms/organisms.md
+++ b/src/components/organisms/organisms.md
@@ -8,4 +8,4 @@ We’re starting to get increasingly concrete. A client might not be terribly in
Organisms can consist of similar and/or different molecule types. For example, a masthead organism might consist of diverse components like a logo, primary navigation, search form, and list of social media channels. But a “product grid” organism might consist of the same molecule (possibly containing a product image, product title and price) repeated over and over again.
-Building up from molecules to organisms encourages creating standalone, portable, reusable components.
\ No newline at end of file
+Building up from molecules to organisms encourages creating standalone, portable, reusable components.
diff --git a/src/main.ts b/src/main.ts
index 2425c0f..c623e9d 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,9 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
+import { createApp } from "vue";
+import "./style.css";
+import App from "./App.vue";
+import { createRouter, createWebHistory } from "vue-router";
+import { routes } from "vue-router/auto-routes";
-createApp(App).mount('#app')
+const router = createRouter({ history: createWebHistory(), routes: routes });
+
+createApp(App).use(router).mount("#app");
diff --git a/src/routes/index.vue b/src/routes/index.vue
new file mode 100644
index 0000000..7acfe32
--- /dev/null
+++ b/src/routes/index.vue
@@ -0,0 +1,32 @@
+
+
-