Add auth, rest api, svelte frontend, build structure

web/frontend/public/css/app.css

@@ -0,0 +1,277 @@
+body {
+  width: 100%;
+  height: 100%;
+  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+  color: #000;
+  background-color: #fff;
+}
+
+html {
+  width: 100%;
+  height: 100%;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+  /* font-weight: 700; */
+  /* letter-spacing: 1px; */
+}
+
+.newsitem h4 {
+  margin: 0 0 15px;
+}
+
+.newsitem p {
+  margin: 0 0 5px;
+}
+
+.newsfooter {
+  margin: 0 0 30px;
+}
+
+p {
+  font-size: 20px;
+  line-height: 1.5em;
+}
+
+.modal {
+  overflow: auto;
+  color: #333;
+}
+
+@media (min-width: 1200px) {
+  .navbar {
+    font-size: 20px;
+  }
+}
+
+.navbar-brand img {
+  height: 30px;
+}
+
+#langSelect {
+  min-width: 40px;
+}
+
+#impressum {
+  padding-top: 100px;
+}
+
+.featurette {
+  text-align: justify;
+}
+
+.featurette-heading {
+  padding: 20px 0 0 0;
+}
+
+.stockist-tile {
+  width: 95%;
+  font-size: 18px;
+}
+
+.intro {
+  display: table;
+  width: 100%;
+  height: 100%;
+  padding: 100px 0;
+  text-align: center;
+  color: #000;
+  background: url(../img/montage.jpg) no-repeat bottom center scroll;
+  background-color: #fff;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  background-size: cover;
+  -o-background-size: cover;
+}
+
+.intro .intro-body {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.center-block {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.btn-circle {
+  width: 70px;
+  height: 70px;
+  margin-top: 15px;
+  padding: 7px 16px;
+  border-radius: 100% !important;
+  font-size: 40px;
+  color: #000;
+  background: #fff;
+  -webkit-transition: background 0.3s ease-in-out;
+  -moz-transition: background 0.3s ease-in-out;
+  transition: background 0.3s ease-in-out;
+}
+
+.container {
+  max-width: 100vw;
+}
+
+.site {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.site-content {
+  flex: 1 0 auto;
+  margin-top: 80px;
+}
+
+.site-footer {
+  flex: none;
+}
+
+.content-section {
+  padding-top: 200px;
+}
+
+footer {
+  padding: 50px 0;
+}
+
+footer p {
+  margin: 0;
+}
+
+#shop ul {
+  list-style: disc;
+}
+
+#shop li {
+  text-align: left;
+  font-size: 18px;
+}
+
+address {
+  font-size: 18px;
+}
+
+body {
+  webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
+}
+
+footer {
+  padding: 50px 0;
+}
+
+footer p {
+  margin: 0;
+}
+
+#tagsselect {
+  height: 250px;
+}
+
+legend {
+  color: #fff;
+  background: #b8b8b8;
+  padding: 2px 6px;
+}
+
+legend {
+  color: #fff;
+  background: #b8b8b8;
+  padding: 2px 6px;
+}
+
+.imagewrapper {
+  position: relative;
+  height: 600px;
+  width: 600px;
+}
+
+.listbox {
+  width: 50px;
+  color: #fff;
+  position: relative;
+  float: left;
+}
+
+.listbox img {
+  width: 90%;
+  height: auto;
+  overflow: hidden;
+  display: block;
+  margin: 0 auto;
+}
+
+.box {
+  width: 300px;
+  height: 600px;
+  color: #fff;
+  position: relative;
+  float: left;
+  padding-top: 20px;
+}
+
+.box img {
+  width: 90%;
+  height: auto;
+  overflow: hidden;
+}
+
+.innerContent {
+  position: absolute;
+  left: 1px;
+  right: 1px;
+  top: 1px;
+  bottom: 1px;
+  padding: 10px;
+}
+
+#listing ul li {
+  list-style-type: none;
+  display: block;
+}
+
+table {
+  width: 100%;
+}
+
+th {
+  background: #b8b8b8;
+  text-align: center;
+}
+
+.content-admin {
+  padding-top: 90px;
+}
+
+.site-footer {
+  flex: none;
+}
+
+footer {
+  width: 100%;
+  padding: 0.1rem 1rem;
+  line-height: 1.5;
+}
+
+.footer-list {
+  list-style-type: none;
+  padding-left: 0;
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+.footer-list-item {
+  margin: 0rem 0.8rem;
+  white-space: nowrap;
+}