diff --git a/.idea/workspace.xml b/.idea/workspace.xml index 61fb2be..644a2ba 100644 --- a/.idea/workspace.xml +++ b/.idea/workspace.xml @@ -1,21 +1,30 @@ - - - - - - - - - - - + + + + + + + + + + + - + + + + + + + + + + - { + "keyToString": { + "RunOnceActivity.OpenProjectViewOnStart": "true", + "RunOnceActivity.ShowReadmeOnStart": "true", + "WebServerToolWindowFactoryState": "false", + "last_opened_file_path": "/home/ennucore/dev/agorata/frontend", + "nodejs_package_manager_path": "npm", + "ts.external.directory.path": "/home/ennucore/dev/agorata/frontend/node_modules/typescript/lib", + "vue.rearranger.settings.migration": "true" } -}]]> +} + + + + + + + @@ -72,7 +88,10 @@ \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 0cec33c..65eaabd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,7 @@ "name": "agorata", "version": "0.0.0", "dependencies": { + "bulma": "^0.9.4", "sass": "^1.56.2", "vue": "^3.2.45", "vue-router": "^4.1.6" @@ -850,6 +851,11 @@ "optional": true, "peer": true }, + "node_modules/bulma": { + "version": "0.9.4", + "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.4.tgz", + "integrity": "sha512-86FlT5+1GrsgKbPLRRY7cGDg8fsJiP/jzTqXXVqiUZZ2aZT8uemEOHlU1CDU+TxklPEZ11HZNNWclRBBecP4CQ==" + }, "node_modules/call-bind": { "version": "1.0.2", "dev": true, @@ -3181,6 +3187,11 @@ "optional": true, "peer": true }, + "bulma": { + "version": "0.9.4", + "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.4.tgz", + "integrity": "sha512-86FlT5+1GrsgKbPLRRY7cGDg8fsJiP/jzTqXXVqiUZZ2aZT8uemEOHlU1CDU+TxklPEZ11HZNNWclRBBecP4CQ==" + }, "call-bind": { "version": "1.0.2", "dev": true, diff --git a/package.json b/package.json index 56690c8..9c38dda 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "type-check": "vue-tsc --noEmit" }, "dependencies": { + "bulma": "^0.9.4", "sass": "^1.56.2", "vue": "^3.2.45", "vue-router": "^4.1.6" diff --git a/src/assets/getting_ton_domain.svg b/src/assets/headers/getting_ton_domain.svg similarity index 83% rename from src/assets/getting_ton_domain.svg rename to src/assets/headers/getting_ton_domain.svg index 60373a4..11a6029 100644 --- a/src/assets/getting_ton_domain.svg +++ b/src/assets/headers/getting_ton_domain.svg @@ -2,58 +2,15 @@ diff --git a/src/assets/i-know.svg b/src/assets/headers/i-know.svg similarity index 84% rename from src/assets/i-know.svg rename to src/assets/headers/i-know.svg index 36a78c3..4ae1560 100644 --- a/src/assets/i-know.svg +++ b/src/assets/headers/i-know.svg @@ -7,53 +7,10 @@ viewBox="0 0 262.29211 27.685364" version="1.1" id="svg5" - inkscape:version="1.2.2 (b0a8486541, 2022-12-01)" - sodipodi:docname="design.svg" xml:space="preserve" - xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" - xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" - xmlns:svg="http://www.w3.org/2000/svg"> diff --git a/src/assets/ton_bottom.svg b/src/assets/icons/ton_bottom.svg similarity index 83% rename from src/assets/ton_bottom.svg rename to src/assets/icons/ton_bottom.svg index 53e8770..9459db7 100644 --- a/src/assets/ton_bottom.svg +++ b/src/assets/icons/ton_bottom.svg @@ -2,58 +2,15 @@ diff --git a/src/assets/ton_right.svg b/src/assets/icons/ton_right.svg similarity index 83% rename from src/assets/ton_right.svg rename to src/assets/icons/ton_right.svg index b974700..b95c537 100644 --- a/src/assets/ton_right.svg +++ b/src/assets/icons/ton_right.svg @@ -2,58 +2,15 @@ diff --git a/src/assets/ton_top.svg b/src/assets/icons/ton_top.svg similarity index 83% rename from src/assets/ton_top.svg rename to src/assets/icons/ton_top.svg index 776b4f0..91b2132 100644 --- a/src/assets/ton_top.svg +++ b/src/assets/icons/ton_top.svg @@ -2,58 +2,15 @@ diff --git a/src/assets/images/anton_ton.png b/src/assets/images/anton_ton.png new file mode 100644 index 0000000..44fd03c Binary files /dev/null and b/src/assets/images/anton_ton.png differ diff --git a/src/assets/images/my_name_is.png b/src/assets/images/my_name_is.png new file mode 100644 index 0000000..74f9c79 Binary files /dev/null and b/src/assets/images/my_name_is.png differ diff --git a/src/assets/images/personal_page.png b/src/assets/images/personal_page.png new file mode 100644 index 0000000..62173c8 Binary files /dev/null and b/src/assets/images/personal_page.png differ diff --git a/src/assets/images/send_by_name.png b/src/assets/images/send_by_name.png new file mode 100644 index 0000000..081d495 Binary files /dev/null and b/src/assets/images/send_by_name.png differ diff --git a/src/assets/images/tg_nft.png b/src/assets/images/tg_nft.png new file mode 100644 index 0000000..928ee19 Binary files /dev/null and b/src/assets/images/tg_nft.png differ diff --git a/src/assets/images/tondns_nft.png b/src/assets/images/tondns_nft.png new file mode 100644 index 0000000..74a5d31 Binary files /dev/null and b/src/assets/images/tondns_nft.png differ diff --git a/src/assets/tonweb_duck.png b/src/assets/images/tonweb_duck.png similarity index 100% rename from src/assets/tonweb_duck.png rename to src/assets/images/tonweb_duck.png diff --git a/src/assets/main.css b/src/assets/main.css index c495dbd..18357dc 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -1,4 +1,7 @@ @import './base.css'; +@tailwind base; +@tailwind components; +@tailwind utilities; #app { margin: 0 auto; @@ -30,16 +33,22 @@ a, .b { border: 2px solid transparent; border-radius: 5px; - padding: 16px 32px; + padding: 16px 26px; text-align: center; text-decoration: none; display: inline-block; - font-size: 1.6rem; + font-size: 1.55rem; margin: 4px 2px; cursor: pointer; font-weight: bold; } +@media (max-width: 800px) { + .b { + font-size: 1.4rem; + } +} + .b.white { background-color: white; color: #282e46; @@ -86,6 +95,13 @@ a, margin: 0.5rem 3rem; } +/* small margin on mobile */ +@media (max-width: 800px) { + .rbox { + margin: 0.5rem 0.5rem; + } +} + .rbox > p:not(:first-child) { margin-top: 1rem; } diff --git a/src/assets/ton_right.png b/src/assets/ton_right.png deleted file mode 100644 index 2ee9c61..0000000 Binary files a/src/assets/ton_right.png and /dev/null differ diff --git a/src/assets/tondns.png b/src/assets/tondns.png deleted file mode 100644 index e47c540..0000000 Binary files a/src/assets/tondns.png and /dev/null differ diff --git a/src/assets/tonweb.png b/src/assets/tonweb.png deleted file mode 100644 index acf8b52..0000000 Binary files a/src/assets/tonweb.png and /dev/null differ diff --git a/src/components/WhiteLayout.vue b/src/components/WhiteLayout.vue index 47f138d..4c06ffb 100644 --- a/src/components/WhiteLayout.vue +++ b/src/components/WhiteLayout.vue @@ -5,17 +5,17 @@
-
+
-
+
- + @@ -51,8 +51,19 @@ export default { } .buttons { - display: flex; justify-content: center; margin: 1rem 0; + width: 100%; + display: flex; + /* Center the buttons */ + align-items: center; + place-items: center; + /* Center the buttons */ + +} + +.rbox { + min-width: 90%; + margin: auto 3%; } \ No newline at end of file diff --git a/src/views/IKnow.vue b/src/views/IKnow.vue index e4c1bdc..0ff7197 100644 --- a/src/views/IKnow.vue +++ b/src/views/IKnow.vue @@ -1,7 +1,7 @@ @@ -38,5 +38,19 @@ export default { \ No newline at end of file