Initial commit

2019-12-31 16:09:39 +01:00
commit 4e7f244190
108 changed files with 17296 additions and 0 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,83 @@
+<template>
+    <div id="app">
+      <div class="wrapper">
+          <TheHeader 
+            class="row"
+            github-url="https://github.com/undergroundwires/privacy.sexy"/>
+          <!-- <TheSearchBar> </TheSearchBar> -->
+          <!-- <div style="display: flex; justify-content: space-between;"> -->
+            <!-- <TheGrouper></TheGrouper> -->
+          <TheSelector class="row" />
+          <!-- </div> -->
+          <CardList />
+          <TheCodeArea class="row" theme="xcode"/>
+          <TheCodeButtons class="row" />
+      </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop  } from 'vue-property-decorator';
+import { ApplicationState, IApplicationState } from '@/application/State/ApplicationState';
+import TheHeader from './presentation/TheHeader.vue';
+import TheCodeArea from './presentation/TheCodeArea.vue';
+import TheCodeButtons from './presentation/TheCodeButtons.vue';
+import TheSearchBar from './presentation/TheSearchBar.vue';
+import TheSelector from './presentation/Scripts/Selector/TheSelector.vue';
+import TheGrouper from './presentation/Scripts/TheGrouper.vue';
+import CardList from './presentation/Scripts/Cards/CardList.vue';
+
+@Component({
+  components: {
+    TheHeader,
+    TheCodeArea,
+    TheCodeButtons,
+    TheSearchBar,
+    TheGrouper,
+    CardList,
+    TheSelector,
+  },
+})
+export default class App extends Vue {
+
+}
+</script>
+
+<style lang="scss">
+@import "@/presentation/styles/colors.scss";
+@import "@/presentation/styles/fonts.scss";
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  background: $light-gray;
+  font-family: 'Slabo 27px', serif;
+  color: $slate;
+}
+
+
+#app {
+  margin-right: auto;
+  margin-left: auto;
+  max-width: 1500px;
+  
+  .wrapper {
+    margin: 0% 2% 0% 2%;
+    background-color: white;
+    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.06);
+    padding: 2%;
+    display:flex;
+    flex-direction: column;
+
+    .row {
+      margin-bottom: 10px;
+    }
+  }
+}
+
+
+@import "@/presentation/styles/tooltip.scss";
+@import "@/presentation/styles/tree.scss";
+</style>