[add] initial commit

src/assets/sass/fonts.scss

@@ -0,0 +1,73 @@
+@charset "utf-8";
+/* latin-ext */
+@font-face {
+  font-family: 'Overpass Mono';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: local('Overpass Mono Light'), local('OverpassMono-Light'), url('~@/assets/fonts/OverpassMono-Light_ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Overpass Mono';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: local('Overpass Mono Light'), local('OverpassMono-Light'), url('~@/assets/fonts/OverpassMono-Light.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Overpass Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local('Overpass Mono Regular'), local('OverpassMono-Regular'), url('~@/assets/fonts/OverpassMono-Regular_ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Overpass Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local('Overpass Mono Regular'), local('OverpassMono-Regular'), url('~@/assets/fonts/OverpassMono-Regular.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Overpass Mono';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: local('Overpass Mono SemiBold'), local('OverpassMono-SemiBold'), url('~@/assets/fonts/OverpassMono-SemiBold_ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Overpass Mono';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: local('Overpass Mono SemiBold'), local('OverpassMono-SemiBold'), url('~@/assets/fonts/OverpassMono-SemiBold.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Overpass Mono';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: local('Overpass Mono Bold'), local('OverpassMono-Bold'), url('~@/assets/fonts/OverpassMono-Bold_ext.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Overpass Mono';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: local('Overpass Mono Bold'), local('OverpassMono-Bold'), url('~@/assets/fonts/OverpassMono-Bold.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

src/assets/sass/global.scss

@@ -0,0 +1,49 @@
+@charset "utf-8";
+
+// theme
+$family-monospace: 'Overpass Mono', monospace;
+$dark-theme: (
+        background-color: #2E2E2E,
+        background: #3d3d3d,
+        text: #ccc,
+        text-darker: #bbb,
+        highlight: #f17603,
+        highlight-hover: #ffab5c
+);
+
+// bulma global variables
+$grey-light: map-get($dark-theme, "text");
+$grey-dark: map-get($dark-theme, "text");
+$grey-darker: map-get($dark-theme, "text-darker");
+$warning: map-get($dark-theme, "highlight");
+$primary: map-get($dark-theme, "highlight");
+$background: map-get($dark-theme, 'background');
+$family-primary: $family-monospace;
+$link-hover: map-get($dark-theme, "highlight");
+$link: map-get($dark-theme, "text");
+
+// bulma component variables
+$body-background-color: map-get($dark-theme, 'background-color');
+
+// bulma tooltip extension
+$tooltip-background-color: map-get($dark-theme, 'background');
+$tooltip-color: map-get($dark-theme, "text");
+
+// general css
+.link {
+  margin-left: 1rem;
+}
+
+.hash-list {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  div {
+    margin-left: 2em;
+  }
+}
+
+#app {
+  .highlight {
+    color: map-get($dark-theme, "highlight");
+  }
+}

src/assets/sass/includes.scss

@@ -0,0 +1,23 @@
+@charset "utf-8";
+
+// import fonts
+@import '~@/assets/sass/fonts.scss';
+
+// import global
+@import '~@/assets/sass/global.scss';
+
+// import bulma
+@import 'bulma/sass/utilities/_all.sass';
+@import 'bulma/sass/base/_all.sass';
+@import 'bulma/sass/components/navbar.sass';
+@import 'bulma/sass/elements/container.sass';
+@import 'bulma/sass/elements/title.sass';
+@import 'bulma/sass/elements/icon.sass';
+@import 'bulma/sass/elements/content.sass';
+@import 'bulma/sass/elements/tag.sass';
+@import 'bulma/sass/grid/columns.sass';
+@import 'bulma/sass/form/all';
+@import 'bulma/sass/form/tools.sass';
+@import 'bulma/sass/layout/_all.sass';
+@import '@creativebulma/bulma-tooltip/src/sass/index.sass'; //https://github.com/CreativeBulma/bulma-tooltip https://wikiki.github.io/elements/tooltip/
+