init

.github/FUNDING.yml

@@ -0,0 +1,3 @@
+# These are supported funding model platforms
+
+github: cyberpunkcodes

.gitignore

@@ -0,0 +1,4 @@
+/node_modules
+*.bak
+_bak_*
+_notes.md

README.md

@@ -0,0 +1,5 @@
+# Crypto Calc
+
+This is just a personal project I quickly threw together.
+
+You can [click here](https://cyberpunkcodes.github.io/crypto-calc/public/index.html) to view the calculator.

_config.yml

@@ -0,0 +1 @@
+theme: jekyll-theme-tactile

index.md

@@ -0,0 +1 @@
+You can [click here](https://cyberpunkcodes.github.io/crypto-calc/public/index.html) to view the calculator.

package.json

@@ -0,0 +1,25 @@
+{
+    "name": "crypto-calc",
+    "private": true,
+    "scripts": {
+        "dev": "npm run development",
+        "development": "mix",
+        "watch": "mix watch",
+        "watch-poll": "mix watch -- --watch-options-poll=1000",
+        "hot": "mix watch --hot",
+        "prod": "npm run production",
+        "production": "mix --production"
+    },
+    "devDependencies": {
+        "@vue/compiler-sfc": "^3.0.11",
+        "autoprefixer": "^10.2.5",
+        "laravel-mix": "^6.0.19",
+        "postcss-cli": "^8.3.1",
+        "postcss-import": "^14.0.2",
+        "resolve-url-loader": "^3.1.3",
+        "tailwindcss": "^2.1.2",
+        "vue": "^3.0.11",
+        "vue-loader": "^16.2.0",
+        "webpack": "^5.37.0"
+    }
+}

public/assets/css/app.css

@@ -0,0 +1,72 @@
+body {
+    -webkit-font-smoothing: antialiased;
+    background-color: #1a202c;
+    background-color: rgba(26,32,44,1);
+}
+
+.bg-gray {
+    background-color: #3e3e3e !important;
+}
+
+.text-green {
+    color: #1ec11e;
+}
+
+.rounded-4 {
+    border-radius: .4rem !important;
+}
+
+.rounded-5 {
+    border-radius: .5rem !important;
+}
+
+#main_content input::-moz-placeholder {
+  opacity: 0.5;
+}
+
+#main_content input:-ms-input-placeholder {
+  opacity: 0.5;
+}
+
+#main_content input::placeholder {
+  opacity: 0.5;
+}
+
+#main_content .nav-tabs {
+    border-bottom: 0;
+}
+
+#main_content .nav-tabs .nav-link {
+    color: #fff;
+    background-color: #595959;
+}
+
+#main_content .nav-tabs .nav-link.active {
+    background-color: #3e3e3e;
+    color: #fff;
+    border: 1px solid transparent;
+}
+
+#main_content .tab-content {
+    border-top-right-radius: .5rem !important;
+    border-bottom-left-radius: .5rem !important;
+    border-bottom-right-radius: .5rem !important;
+}
+
+#main_content #sharesResultSection #numOfSharesResultInput {
+    background: transparent;
+    border: 0;
+    color: #1ec11e;
+}
+
+#numOfSharesResultInput:active, #numOfSharesResultInput:focus {
+    border: 0 !important;
+    box-shadow: none !important;
+    outline: none !important;
+}
+
+#main_content #sharesResultSection .input-group-text {
+    background: transparent;
+    border: 0;
+}
+