forked from jsnbuchanan/crowd-funder-for-time-pwa
Resynching master branch
This commit is contained in:
Matthew Aaron Raymer
26
package-lock.json
generated
26
package-lock.json
generated
@@ -9,8 +9,6 @@
|
||||
"version": "0.1.0",
|
||||
"dependencies": {
|
||||
"@fortawesome/fontawesome-svg-core": "^6.2.1",
|
||||
"@fortawesome/free-brands-svg-icons": "^6.2.1",
|
||||
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
||||
"@fortawesome/free-solid-svg-icons": "^6.2.1",
|
||||
"@fortawesome/vue-fontawesome": "^3.0.2",
|
||||
"core-js": "^3.26.1",
|
||||
@@ -1830,30 +1828,6 @@
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/@fortawesome/free-brands-svg-icons": {
|
||||
"version": "6.2.1",
|
||||
"resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.2.1.tgz",
|
||||
"integrity": "sha512-L8l4MfdHPmZlJ72PvzdfwOwbwcCAL0vx48tJRnI6u1PJXh+j2f3yDoKyQgO3qjEsgD5Fr2tQV/cPP8F/k6aUig==",
|
||||
"hasInstallScript": true,
|
||||
"dependencies": {
|
||||
"@fortawesome/fontawesome-common-types": "6.2.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/@fortawesome/free-regular-svg-icons": {
|
||||
"version": "6.2.1",
|
||||
"resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.2.1.tgz",
|
||||
"integrity": "sha512-wiqcNDNom75x+pe88FclpKz7aOSqS2lOivZeicMV5KRwOAeypxEYWAK/0v+7r+LrEY30+qzh8r2XDaEHvoLsMA==",
|
||||
"hasInstallScript": true,
|
||||
"dependencies": {
|
||||
"@fortawesome/fontawesome-common-types": "6.2.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/@fortawesome/free-solid-svg-icons": {
|
||||
"version": "6.2.1",
|
||||
"resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.2.1.tgz",
|
||||
|
||||
@@ -9,8 +9,6 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@fortawesome/fontawesome-svg-core": "^6.2.1",
|
||||
"@fortawesome/free-brands-svg-icons": "^6.2.1",
|
||||
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
||||
"@fortawesome/free-solid-svg-icons": "^6.2.1",
|
||||
"@fortawesome/vue-fontawesome": "^3.0.2",
|
||||
"core-js": "^3.26.1",
|
||||
|
||||
@@ -1,3 +1,5 @@
|
||||
<template>
|
||||
<router-view />
|
||||
</template>
|
||||
|
||||
<style></style>
|
||||
|
||||
150
src/components/HelloWorld.vue
Normal file
150
src/components/HelloWorld.vue
Normal file
@@ -0,0 +1,150 @@
|
||||
<template>
|
||||
<div class="hello">
|
||||
<h1>{{ msg }}</h1>
|
||||
<p>
|
||||
For a guide and recipes on how to configure / customize this project,<br />
|
||||
check out the
|
||||
<a href="https://cli.vuejs.org" target="_blank" rel="noopener"
|
||||
>vue-cli documentation</a
|
||||
>.
|
||||
</p>
|
||||
<h3>Installed CLI Plugins</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>babel</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>pwa</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>router</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>vuex</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>eslint</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-typescript"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>typescript</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
<h3>Essential Links</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://forum.vuejs.org" target="_blank" rel="noopener"
|
||||
>Forum</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://chat.vuejs.org" target="_blank" rel="noopener"
|
||||
>Community Chat</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/vuejs" target="_blank" rel="noopener"
|
||||
>Twitter</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a>
|
||||
</li>
|
||||
</ul>
|
||||
<h3>Ecosystem</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://router.vuejs.org" target="_blank" rel="noopener"
|
||||
>vue-router</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/vuejs/vue-devtools#vue-devtools"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>vue-devtools</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener"
|
||||
>vue-loader</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/vuejs/awesome-vue"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>awesome-vue</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { Options, Vue } from "vue-class-component";
|
||||
|
||||
@Options({
|
||||
props: {
|
||||
msg: String,
|
||||
},
|
||||
})
|
||||
export default class HelloWorld extends Vue {
|
||||
msg!: string;
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||||
<style scoped>
|
||||
h3 {
|
||||
margin: 40px 0 0;
|
||||
}
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
}
|
||||
a {
|
||||
color: #42b983;
|
||||
}
|
||||
</style>
|
||||
56
src/main.ts
56
src/main.ts
@@ -6,21 +6,49 @@ import store from "./store";
|
||||
|
||||
import "./assets/styles/tailwind.css";
|
||||
|
||||
/* import the fontawesome core */
|
||||
import { library } from "@fortawesome/fontawesome-svg-core";
|
||||
import {
|
||||
faChevronLeft,
|
||||
faHouseChimney,
|
||||
faMagnifyingGlass,
|
||||
faFolderOpen,
|
||||
faHand,
|
||||
faCircleUser,
|
||||
faCopy,
|
||||
faShareNodes,
|
||||
faQrcode,
|
||||
faUser,
|
||||
faPen,
|
||||
faTrashCan,
|
||||
faCalendar,
|
||||
faEllipsisVertical,
|
||||
faSpinner,
|
||||
faCircleCheck,
|
||||
} from "@fortawesome/free-solid-svg-icons";
|
||||
|
||||
library.add(
|
||||
faChevronLeft,
|
||||
faHouseChimney,
|
||||
faMagnifyingGlass,
|
||||
faFolderOpen,
|
||||
faHand,
|
||||
faCircleUser,
|
||||
faCopy,
|
||||
faShareNodes,
|
||||
faQrcode,
|
||||
faUser,
|
||||
faPen,
|
||||
faTrashCan,
|
||||
faCalendar,
|
||||
faEllipsisVertical,
|
||||
faSpinner,
|
||||
faCircleCheck
|
||||
);
|
||||
|
||||
/* import font awesome icon component */
|
||||
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
|
||||
|
||||
/* import specific icons */
|
||||
import { faUserSecret } from "@fortawesome/free-solid-svg-icons";
|
||||
|
||||
/* add icons to the library */
|
||||
library.add(faUserSecret);
|
||||
|
||||
/* add font awesome icon component */
|
||||
App.component("font-awesome-icon", FontAwesomeIcon);
|
||||
|
||||
App.config.productionTip = false;
|
||||
|
||||
createApp(App).use(store).use(router).mount("#app");
|
||||
createApp(App)
|
||||
.component("fa", FontAwesomeIcon)
|
||||
.use(store)
|
||||
.use(router)
|
||||
.mount("#app");
|
||||
|
||||
@@ -22,6 +22,72 @@ const routes: Array<RouteRecordRaw> = [
|
||||
component: () =>
|
||||
import(/* webpackChunkName: "start" */ "../views/StartView.vue"),
|
||||
},
|
||||
{
|
||||
path: "/account",
|
||||
name: "account",
|
||||
component: () =>
|
||||
import(/* webpackChunkName: "account" */ "../views/AccountViewView.vue"),
|
||||
},
|
||||
{
|
||||
path: "/confirm-contact",
|
||||
name: "confirm-contact",
|
||||
component: () =>
|
||||
import(
|
||||
/* webpackChunkName: "confirm-contact" */ "../views/ConfirmContactView.vue"
|
||||
),
|
||||
},
|
||||
{
|
||||
path: "/scan-contact",
|
||||
name: "scan-contact",
|
||||
component: () =>
|
||||
import(
|
||||
/* webpackChunkName: "scan-contact" */ "../views/ContactScanView.vue"
|
||||
),
|
||||
},
|
||||
{
|
||||
path: "/discover",
|
||||
name: "discover",
|
||||
component: () =>
|
||||
import(/* webpackChunkName: "discover" */ "../views/DiscoverView.vue"),
|
||||
},
|
||||
{
|
||||
path: "/import-account",
|
||||
name: "import-account",
|
||||
component: () =>
|
||||
import(
|
||||
/* webpackChunkName: "import-account" */ "../views/ImportAccountView.vue"
|
||||
),
|
||||
},
|
||||
{
|
||||
path: "/new-edit-account",
|
||||
name: "new-edit-account",
|
||||
component: () =>
|
||||
import(
|
||||
/* webpackChunkName: "new-edit-account" */ "../views/NewEditAccountView.vue"
|
||||
),
|
||||
},
|
||||
{
|
||||
path: "/new-edit-commitment",
|
||||
name: "new-edit-commitment",
|
||||
component: () =>
|
||||
import(
|
||||
/* webpackChunkName: "new-edit-commitment" */ "../views/NewEditCommitmentView.vue"
|
||||
),
|
||||
},
|
||||
{
|
||||
path: "/new-edit-project",
|
||||
name: "new-edit-project",
|
||||
component: () =>
|
||||
import(
|
||||
/* webpackChunkName: "new-edit-project" */ "../views/NewEditProjectView.vue"
|
||||
),
|
||||
},
|
||||
{
|
||||
path: "/project",
|
||||
name: "project",
|
||||
component: () =>
|
||||
import(/* webpackChunkName: "project" */ "../views/ProjectViewView.vue"),
|
||||
},
|
||||
];
|
||||
|
||||
const router = createRouter({
|
||||
|
||||
@@ -5,31 +5,31 @@
|
||||
<!-- Home Feed -->
|
||||
<li class="basis-1/5 rounded-md text-slate-500">
|
||||
<a href="" class="block text-center py-3 px-1"
|
||||
><i class="fa-solid fa-house-chimney fa-fw"></i
|
||||
><fa icon="house-chimney" class="fa-fw"></fa
|
||||
></a>
|
||||
</li>
|
||||
<!-- Search -->
|
||||
<li class="basis-1/5 rounded-md text-slate-500">
|
||||
<a href="search.html" class="block text-center py-3 px-1"
|
||||
><i class="fa-solid fa-magnifying-glass fa-fw"></i
|
||||
><fa icon="magnifying-glass" class="fa-fw"></fa
|
||||
></a>
|
||||
</li>
|
||||
<!-- Projects -->
|
||||
<li class="basis-1/5 rounded-md text-slate-500">
|
||||
<a href="" class="block text-center py-3 px-1"
|
||||
><i class="fa-solid fa-folder-open fa-fw"></i
|
||||
><fa icon="folder-open" class="fa-fw"></fa
|
||||
></a>
|
||||
</li>
|
||||
<!-- Commitments -->
|
||||
<li class="basis-1/5 rounded-md text-slate-500">
|
||||
<a href="" class="block text-center py-3 px-1"
|
||||
><i class="fa-solid fa-hand fa-fw rotate-45"></i
|
||||
><fa icon="hand" class="fa-fw"></fa
|
||||
></a>
|
||||
</li>
|
||||
<!-- Profile -->
|
||||
<li class="basis-1/5 rounded-md bg-slate-400 text-white">
|
||||
<a href="account-view.html" class="block text-center py-3 px-1"
|
||||
><i class="fa-solid fa-circle-user fa-fw"></i
|
||||
><fa icon="circle-user" class="fa-fw"></fa
|
||||
></a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -68,18 +68,18 @@
|
||||
>
|
||||
<span
|
||||
><code>did:peer:kl45kj41lk451kl3</code>
|
||||
<i class="fa-solid fa-copy text-slate-400 fa-fw"></i
|
||||
<fa icon="copy" class="text-slate-400 fa-fw ml-1"></fa
|
||||
></span>
|
||||
<span>
|
||||
<button
|
||||
class="text-xs uppercase bg-slate-500 text-white px-1.5 py-1 rounded-md"
|
||||
>
|
||||
<i class="fa-solid fa-share-nodes fa-fw"></i>
|
||||
<fa icon="share-nodes" class="fa-fw"></fa>
|
||||
</button>
|
||||
<button
|
||||
class="text-xs uppercase bg-slate-500 text-white px-1.5 py-1 rounded-md"
|
||||
class="text-xs uppercase bg-slate-500 text-white px-1.5 py-1 rounded-md ml-1"
|
||||
>
|
||||
<i class="fa-solid fa-qrcode fa-fw"></i>
|
||||
<fa icon="qrcode" class="fa-fw"></fa>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
@@ -88,7 +88,7 @@
|
||||
<div class="text-sm text-slate-500 mb-1">
|
||||
<span
|
||||
><code>dyIgKepL19trfrFu5jzkoNhI</code>
|
||||
<i class="fa-solid fa-copy text-slate-400 fa-fw"></i
|
||||
<fa icon="copy" class="text-slate-400 fa-fw ml-1"></fa
|
||||
></span>
|
||||
</div>
|
||||
|
||||
@@ -96,7 +96,7 @@
|
||||
<div class="text-sm text-slate-500 mb-1">
|
||||
<span
|
||||
><code>m/44'/0'/0'/0/0</code>
|
||||
<i class="fa-solid fa-copy text-slate-400 fa-fw"></i
|
||||
<fa icon="copy" class="text-slate-400 fa-fw ml-1"></fa
|
||||
></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<a
|
||||
href="account-view.html"
|
||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||
><i class="fa-solid fa-chevron-left fa-fw"></i
|
||||
><fa icon="chevron-left" class="fa-fw"></fa
|
||||
></a>
|
||||
|
||||
Confirm Contact
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<a
|
||||
href="account-view.html"
|
||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||
><i class="fa-solid fa-chevron-left fa-fw"></i
|
||||
><fa icon="chevron-left" class="fa-fw"></fa
|
||||
></a>
|
||||
|
||||
Scan Contact
|
||||
@@ -56,17 +56,17 @@
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Name (optional)"
|
||||
class="block w-full rounded border-slate-400 mb-2"
|
||||
class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
placeholder="ID"
|
||||
class="block w-full rounded border-slate-400 mb-2"
|
||||
class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Public Key (optional)"
|
||||
class="block w-full rounded border-slate-400 mb-4"
|
||||
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
||||
/>
|
||||
|
||||
<div class="mt-8">
|
||||
|
||||
@@ -1,34 +1,35 @@
|
||||
<template>
|
||||
<!-- QUICK NAV -->
|
||||
<nav id="QuickNav" class="fixed bottom-0 left-0 right-0 bg-slate-200">
|
||||
<ul class="flex text-2xl p-2 gap-2">
|
||||
<!-- Home Feed -->
|
||||
<li class="basis-1/5 rounded-md text-slate-500">
|
||||
<a href="" class="block text-center py-3 px-1"
|
||||
><i class="fa-solid fa-house-chimney fa-fw"></i
|
||||
><fa icon="house-chimney" class="fa-fw"></fa
|
||||
></a>
|
||||
</li>
|
||||
<!-- Search -->
|
||||
<li class="basis-1/5 rounded-md bg-slate-400 text-white">
|
||||
<a href="search.html" class="block text-center py-3 px-1"
|
||||
><i class="fa-solid fa-magnifying-glass fa-fw"></i
|
||||
><fa icon="magnifying-glass" class="fa-fw"></fa
|
||||
></a>
|
||||
</li>
|
||||
<!-- Projects -->
|
||||
<li class="basis-1/5 rounded-md text-slate-500">
|
||||
<a href="" class="block text-center py-3 px-1"
|
||||
><i class="fa-solid fa-folder-open fa-fw"></i
|
||||
><fa icon="folder-open" class="fa-fw"></fa
|
||||
></a>
|
||||
</li>
|
||||
<!-- Commitments -->
|
||||
<li class="basis-1/5 rounded-md text-slate-500">
|
||||
<a href="" class="block text-center py-3 px-1"
|
||||
><i class="fa-solid fa-hand fa-fw rotate-45"></i
|
||||
><fa icon="hand" class="fa-fw"></fa
|
||||
></a>
|
||||
</li>
|
||||
<!-- Profile -->
|
||||
<li class="basis-1/5 rounded-md text-slate-500">
|
||||
<a href="account-view.html" class="block text-center py-3 px-1"
|
||||
><i class="fa-solid fa-circle-user fa-fw"></i
|
||||
><fa icon="circle-user" class="fa-fw"></fa
|
||||
></a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -46,12 +47,12 @@
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Search…"
|
||||
class="block w-full rounded-l border-r-0 border-slate-400"
|
||||
class="block w-full rounded-l border border-r-0 border-slate-400 px-3 py-2"
|
||||
/>
|
||||
<button
|
||||
class="px-4 rounded-r bg-slate-200 border border-l-0 border-slate-400"
|
||||
>
|
||||
<i class="fa-solid fa-magnifying-glass fa-fw"></i>
|
||||
<fa icon="magnifying-glass" class="fa-fw"></fa>
|
||||
</button>
|
||||
</form>
|
||||
|
||||
@@ -99,7 +100,7 @@
|
||||
<div class="grow">
|
||||
<h2 class="text-base font-semibold">Canyon cleanup</h2>
|
||||
<div class="text-sm">
|
||||
<i class="fa-solid fa-user fa-fw text-slate-400"></i> Rotary
|
||||
<fa icon="user" class="fa-fw text-slate-400"></fa> Rotary
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
@@ -117,7 +118,7 @@
|
||||
<div class="grow">
|
||||
<h2 class="text-base font-semibold">Potluck with neighbors</h2>
|
||||
<div class="text-sm">
|
||||
<i class="fa-solid fa-user fa-fw text-slate-400"></i> Andrew A.
|
||||
<fa icon="user" class="fa-fw text-slate-400"></fa> Andrew A.
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
@@ -135,7 +136,7 @@
|
||||
<div class="grow">
|
||||
<h2 class="text-base font-semibold">Historical site</h2>
|
||||
<div class="text-sm">
|
||||
<i class="fa-solid fa-user fa-fw text-slate-400"></i>
|
||||
<fa icon="user" class="fa-fw text-slate-400 mr-1"></fa>
|
||||
<em>Unknown</em>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -4,9 +4,12 @@
|
||||
|
||||
<script lang="ts">
|
||||
import { Options, Vue } from "vue-class-component";
|
||||
import HelloWorld from "@/components/HelloWorld.vue"; // @ is an alias to /src
|
||||
|
||||
@Options({
|
||||
components: {},
|
||||
components: {
|
||||
HelloWorld,
|
||||
},
|
||||
})
|
||||
export default class HomeView extends Vue {}
|
||||
</script>
|
||||
|
||||
@@ -7,8 +7,8 @@
|
||||
<a
|
||||
href="start.html"
|
||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||
><i class="fa-solid fa-chevron-left fa-fw"></i
|
||||
></a>
|
||||
><fa icon="chevron-left"></fa>
|
||||
</a>
|
||||
Import Existing Identity
|
||||
</h1>
|
||||
</div>
|
||||
@@ -20,7 +20,7 @@
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Seed Phrase"
|
||||
class="block w-full rounded border-slate-400 mb-4"
|
||||
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
||||
/>
|
||||
<div class="mt-8">
|
||||
<input
|
||||
|
||||
@@ -7,8 +7,8 @@
|
||||
<a
|
||||
href="account-view.html"
|
||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||
><i class="fa-solid fa-chevron-left fa-fw"></i
|
||||
></a>
|
||||
><fa icon="chevron-left" class="fa-fw"></fa>
|
||||
</a>
|
||||
[New/Edit] Identity
|
||||
</h1>
|
||||
</div>
|
||||
@@ -16,12 +16,12 @@
|
||||
<input
|
||||
type="text"
|
||||
placeholder="First Name"
|
||||
class="block w-full rounded border-slate-400 mb-4"
|
||||
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Last Name"
|
||||
class="block w-full rounded border-slate-400 mb-4"
|
||||
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
||||
/>
|
||||
|
||||
<div class="mt-8">
|
||||
|
||||
@@ -8,8 +8,8 @@
|
||||
<a
|
||||
href="project-view.html"
|
||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||
><i class="fa-solid fa-chevron-left fa-fw"></i
|
||||
></a>
|
||||
><fa icon="chevron-left" class="fa-fw"></fa>
|
||||
</a>
|
||||
|
||||
Make Commitment
|
||||
</h1>
|
||||
@@ -17,7 +17,9 @@
|
||||
|
||||
<!-- Project Details -->
|
||||
<form>
|
||||
<select class="block w-full rounded border-slate-400 mb-4">
|
||||
<select
|
||||
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
||||
>
|
||||
<option disabled>Choose a commitment type…</option>
|
||||
<option selected>Time</option>
|
||||
<option>Cryptocurrency</option>
|
||||
@@ -29,7 +31,7 @@
|
||||
<input
|
||||
type="number"
|
||||
placeholder="0.0"
|
||||
class="block w-full rounded-l border-slate-400"
|
||||
class="block w-full rounded-l border border-slate-400 px-3 py-2"
|
||||
/>
|
||||
<span
|
||||
class="px-4 py-2 rounded-r bg-slate-200 border border-l-0 border-slate-400"
|
||||
|
||||
@@ -8,8 +8,8 @@
|
||||
<a
|
||||
href="project-view.html"
|
||||
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||
><i class="fa-solid fa-chevron-left fa-fw"></i
|
||||
></a>
|
||||
><fa icon="chevron-left" class="fa-fw"></fa>
|
||||
</a>
|
||||
|
||||
[New/Edit] Project
|
||||
</h1>
|
||||
@@ -25,12 +25,12 @@
|
||||
<button
|
||||
class="text-md font-bold uppercase bg-blue-600 text-white px-3 py-2 rounded"
|
||||
>
|
||||
<i class="fa-solid fa-pen fa-fw"></i>
|
||||
<fa icon="pen" class="fa-fw"></fa>
|
||||
</button>
|
||||
<button
|
||||
class="text-md font-bold uppercase bg-red-600 text-white px-3 py-2 rounded"
|
||||
>
|
||||
<i class="fa-solid fa-trash-can fa-fw"></i>
|
||||
<fa icon="trash-can" class="fa-fw"></fa>
|
||||
</button>
|
||||
</div>
|
||||
<img src="https://picsum.photos/800/400" class="w-full" />
|
||||
@@ -39,12 +39,12 @@
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Project Name"
|
||||
class="block w-full rounded border-slate-400 mb-4"
|
||||
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
||||
/>
|
||||
|
||||
<textarea
|
||||
placeholder="Description"
|
||||
class="block w-full rounded border-slate-400 mb-4"
|
||||
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
|
||||
rows="5"
|
||||
></textarea>
|
||||
<div class="text-xs text-slate-500 italic -mt-3 mb-4">
|
||||
|
||||
@@ -5,31 +5,31 @@
|
||||
<!-- Home Feed -->
|
||||
<li class="basis-1/5 rounded-md text-slate-500">
|
||||
<a href="" class="block text-center py-3 px-1"
|
||||
><i class="fa-solid fa-house-chimney fa-fw"></i
|
||||
><fa icon="house-chimney" class="fa-fw"></fa
|
||||
></a>
|
||||
</li>
|
||||
<!-- Search -->
|
||||
<li class="basis-1/5 rounded-md text-slate-500">
|
||||
<a href="search.html" class="block text-center py-3 px-1"
|
||||
><i class="fa-solid fa-magnifying-glass fa-fw"></i
|
||||
><fa icon="magnifying-glass" class="fa-fw"></fa
|
||||
></a>
|
||||
</li>
|
||||
<!-- Projects -->
|
||||
<li class="basis-1/5 rounded-md bg-slate-400 text-white">
|
||||
<a href="" class="block text-center py-3 px-1"
|
||||
><i class="fa-solid fa-folder-open fa-fw"></i
|
||||
><fa icon="folder-open" class="fa-fw"></fa
|
||||
></a>
|
||||
</li>
|
||||
<!-- Commitments -->
|
||||
<li class="basis-1/5 rounded-md text-slate-500">
|
||||
<a href="" class="block text-center py-3 px-1"
|
||||
><i class="fa-solid fa-hand fa-fw rotate-45"></i
|
||||
><fa icon="hand" class="fa-fw"></fa
|
||||
></a>
|
||||
</li>
|
||||
<!-- Profile -->
|
||||
<li class="basis-1/5 rounded-md text-slate-500">
|
||||
<a href="account-view.html" class="block text-center py-3 px-1"
|
||||
><i class="fa-solid fa-circle-user fa-fw"></i
|
||||
><fa icon="circle-user" class="fa-fw"></fa
|
||||
></a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -42,13 +42,13 @@
|
||||
<h1 class="text-lg text-center font-light relative px-7">
|
||||
<!-- Back -->
|
||||
<a href="" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
|
||||
><i class="fa-solid fa-chevron-left fa-fw"></i
|
||||
><fa icon="chevron-left" class="fa-fw"></fa
|
||||
></a>
|
||||
<!-- Context Menu -->
|
||||
<a
|
||||
href=""
|
||||
class="text-lg text-center px-2 py-1 absolute -right-2 -top-1"
|
||||
><i class="fa-solid fa-ellipsis-vertical fa-fw"></i
|
||||
><fa icon="ellipsis-vertical" class="fa-fw"></fa
|
||||
></a>
|
||||
|
||||
View Project
|
||||
@@ -65,11 +65,9 @@
|
||||
<div>
|
||||
<h2 class="text-xl font-semibold">Canyon cleanup</h2>
|
||||
<div class="flex justify-between gap-4 text-sm mb-3">
|
||||
<span><fa icon="user" class="fa-fw text-slate-400"></fa> Rotary</span>
|
||||
<span
|
||||
><i class="fa-solid fa-user fa-fw text-slate-400"></i> Rotary</span
|
||||
>
|
||||
<span
|
||||
><i class="fa-solid fa-calendar fa-fw text-slate-400"></i> 8 days
|
||||
><fa icon="calendar" class="fa-fw text-slate-400"></fa> 8 days
|
||||
ago</span
|
||||
>
|
||||
</div>
|
||||
@@ -99,22 +97,21 @@
|
||||
<li class="flex justify-between gap-4 py-1.5 border-b border-slate-300">
|
||||
<span>[Username]</span>
|
||||
<span
|
||||
>5 hours <i class="fa-solid fa-spinner fa-fw text-slate-400"></i
|
||||
>5 hours <fa icon="spinner" class="fa-fw text-slate-400"></fa
|
||||
></span>
|
||||
</li>
|
||||
|
||||
<li class="flex justify-between gap-4 py-1.5 border-b border-slate-300">
|
||||
<span>[Username]</span>
|
||||
<span
|
||||
>US$ 20.00
|
||||
<i class="fa-solid fa-circle-check fa-fw text-lime-500"></i
|
||||
>US$ 20.00 <fa icon="circle-check" class="fa-fw text-lime-500"></fa
|
||||
></span>
|
||||
</li>
|
||||
|
||||
<li class="flex justify-between gap-4 py-1.5 border-b border-slate-300">
|
||||
<span>[Username]</span>
|
||||
<span
|
||||
>0.1 BTC <i class="fa-solid fa-spinner fa-fw text-slate-400"></i
|
||||
>0.1 BTC <fa icon="spinner" class="fa-fw text-slate-400"></fa
|
||||
></span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@@ -12,15 +12,16 @@
|
||||
<p class="text-center text-xl mb-4 font-light">
|
||||
Do you already have an identity to import?
|
||||
</p>
|
||||
<a
|
||||
href="account-edit.html"
|
||||
<router-link
|
||||
:to="{ name: 'new-edit-account' }"
|
||||
class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2"
|
||||
>No</a
|
||||
>
|
||||
<a
|
||||
href="account-import.html"
|
||||
No
|
||||
</router-link>
|
||||
<router-link
|
||||
:to="{ name: 'import-account' }"
|
||||
class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md"
|
||||
>Yes</a
|
||||
>Yes</router-link
|
||||
>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user