-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* adding buttons, need to fix spacing and links * added link for how it works * changed button spacing and added about page styling * adjusting styles for about page * data and privacy page * change learn more to about us * adding track asset function * changing button font size
- Loading branch information
1 parent
d4115f3
commit 6a380bd
Showing
6 changed files
with
292 additions
and
76 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -115,6 +115,11 @@ h1 { | |
font-weight: 600; | ||
line-height: 72px; | ||
} | ||
|
||
h2 { | ||
font-size: 40px; | ||
line-height: 60px; | ||
} | ||
|
||
|
||
h3 { | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,70 @@ | ||
<!-- TrackAsset.vue | ||
Copyright (C) 2024 GOSQAS Team | ||
This program is free software: you can redistribute it and/or modify | ||
it under the terms of the GNU Affero General Public License as | ||
published by the Free Software Foundation, either version 3 of the | ||
License, or (at your option) any later version. | ||
This program is distributed in the hope that it will be useful, | ||
but WITHOUT ANY WARRANTY; without even the implied warranty of | ||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | ||
GNU Affero General Public License for more details. | ||
You should have received a copy of the GNU Affero General Public License | ||
along with this program. If not, see <https://www.gnu.org/licenses/>. --> | ||
<!-- | ||
This is the component that shows users an input field to enter | ||
a device key to be tracked. | ||
--> | ||
|
||
|
||
<template> | ||
<form @submit.prevent="submit"> | ||
<input type="text" id="input" v-model="deviceKey" placeholder="Device key" style="width: inputWidth;" required/> | ||
<button-component buttonText="Track asset" padding="12px 16px" | ||
type="submit" style="font-size: 16px;"></button-component> | ||
</form> | ||
</template> | ||
|
||
<script lang="ts"> | ||
export default { | ||
props: { | ||
inputWidth: { type: String, default: "100%" } | ||
}, | ||
data() { | ||
return { | ||
deviceKey: '' | ||
} | ||
}, | ||
mounted() { | ||
let inputField = document.getElementById("input") as HTMLDivElement; | ||
inputField.style.width = this.inputWidth; | ||
}, | ||
methods: { | ||
async submit() { | ||
this.$router.push({ path: `/provenance/${this.deviceKey}` }); | ||
} | ||
} | ||
} | ||
</script> | ||
|
||
<style scoped> | ||
input { | ||
border: 1px solid #CBD5E1; | ||
border-radius: 6px; | ||
line-height: 48px; | ||
margin-right: 15px; | ||
} | ||
input::placeholder{ | ||
padding-left: 5px; | ||
} | ||
form { | ||
width: 100%; | ||
} | ||
</style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,71 @@ | ||
<!-- home.vue | ||
Copyright (C) 2024 GOSQAS Team | ||
This program is free software: you can redistribute it and/or modify | ||
it under the terms of the GNU Affero General Public License as | ||
published by the Free Software Foundation, either version 3 of the | ||
License, or (at your option) any later version. | ||
This program is distributed in the hope that it will be useful, | ||
but WITHOUT ANY WARRANTY; without even the implied warranty of | ||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | ||
GNU Affero General Public License for more details. | ||
You should have received a copy of the GNU Affero General Public License | ||
along with this program. If not, see <https://www.gnu.org/licenses/>. --> | ||
<!-- | ||
This is the home page for GOSQAS | ||
--> | ||
|
||
<script setup lang="ts"> | ||
const route = useRoute() | ||
</script> | ||
|
||
<template> | ||
<div class="container-fluid" id="about-container"> | ||
<h1 class="text-iris">Data & Privacy</h1> | ||
<div class="row"> <p> | ||
Global Distributed Tracking encrypts user data and ensures its accessibility only | ||
through the unique device key, which is linked to a QR code. A cryptographic hash function | ||
securely references data via the device key. AES encryption with 128 bit keys is used along | ||
with SHA-256 for cryptographic hashing. This process is performed in a zero-knowledge manner, | ||
ensuring that the Global Distributed Tracking team never stores or knows a user device key. | ||
Only Global Distributed Tracking users and individuals with whom they share a device key have | ||
access to the History Record of a device. | ||
</p> </div> | ||
|
||
<learn_more></learn_more> | ||
|
||
</div> | ||
|
||
</template> | ||
|
||
<script lang="ts"> | ||
import Learn_more from '~/layouts/learn_more.vue'; | ||
</script> | ||
|
||
<style scoped> | ||
/* For screens smaller than 768px */ | ||
@media (max-width: 768px) { | ||
#about-container{ | ||
padding: 20px 20px 40px 20px; | ||
} | ||
.row{ | ||
margin-top:20px; | ||
} | ||
} | ||
/* For screens larger than 768px */ | ||
@media (min-width: 768px) { | ||
#about-container{ | ||
padding: 80px 200px 100px 200px; | ||
} | ||
.row{ | ||
margin-top:32px; | ||
} | ||
} | ||
</style> | ||
|
Oops, something went wrong.