WIP: redo the web UI #6
@ -13,90 +13,111 @@
|
|||||||
<div
|
<div
|
||||||
class="bg-gray-900 h-screen flex flex-col items-center justify-center text-white"
|
class="bg-gray-900 h-screen flex flex-col items-center justify-center text-white"
|
||||||
>
|
>
|
||||||
<h1 class="h-14 bg-linear-65 from-purple-500 to-pink-500 text-6xl font-bold text-transparent bg-clip-text">Amnezichat</h1>
|
<h1
|
||||||
<p>
|
class="h-14 bg-linear-65 from-purple-500 to-pink-500 text-6xl font-bold text-transparent bg-clip-text"
|
||||||
Anti-forensic and secure messaging. Download it now and get
|
>
|
||||||
started. Intended for secure chats that <span class="bg-gradient-to-r from-pink-200 to-transparent inline-block text-transparent bg-clip-text">disappear when you're
|
Amnezichat
|
||||||
done.</span>
|
</h1>
|
||||||
</p>
|
<p>
|
||||||
<br />
|
Anti-forensic and secure messaging. Download it now and get
|
||||||
<a
|
started. Intended for secure chats that
|
||||||
href="#download"
|
<span
|
||||||
class="bg-blue-500 hover:bg-blue-600 text-white font-semibold py-2 px-6 rounded-full transition duration-300 text-2xl m-5"
|
class="bg-gradient-to-r from-pink-200 to-transparent inline-block text-transparent bg-clip-text"
|
||||||
>Download Now</a
|
>disappear when you're done.</span
|
||||||
>
|
>
|
||||||
<br />
|
</p>
|
||||||
<br />
|
<br />
|
||||||
<!-- Main Links -->
|
<a
|
||||||
<div class="main-links">
|
href="#download"
|
||||||
<a
|
class="bg-linear-65 from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-500 text-white font-semibold py-2 px-6 rounded-full transition duration-300 text-2xl m-5"
|
||||||
href="https://github.com/umutcamliyurt/Amnezichat"
|
>Download Now</a
|
||||||
target="_blank"
|
>
|
||||||
class="bg-blue-300 hover:bg-blue-400 text-gray-900 py-2 px-6 rounded-full transition duration-300"
|
<br />
|
||||||
>Source Code</a
|
<br />
|
||||||
>
|
<!-- Main Links -->
|
||||||
<a
|
<br />
|
||||||
href="http://aqfyl6g24k44oyes3n35nrnlhdfvdwfvi4a7umjalu4dcstuzkxft4id.onion"
|
<!-- Privacy and Terms -->
|
||||||
target="_blank"
|
<details id="terms-of-service-section" class="pt-3">
|
||||||
class="bg-blue-300 hover:bg-blue-400 text-gray-900 py-2 px-6 rounded-full transition duration-300"
|
<summary
|
||||||
>Onionsite</a
|
class="bg-gray-950 p-3 rounded-lg cursor-pointer shadow"
|
||||||
>
|
>
|
||||||
<a
|
Terms of Service
|
||||||
href="http://epmrgx35crapamcxlpggowr7vg3fbxosmkow66konjomn4nlphda.b32.i2p"
|
</summary>
|
||||||
target="_blank"
|
<p>By using Amnezichat, you agree to the following terms:</p>
|
||||||
class="bg-blue-300 hover:bg-blue-400 text-gray-900 py-2 px-6 rounded-full transition duration-300"
|
<ul>
|
||||||
>Eepsite</a
|
<li>Use for lawful purposes only.</li>
|
||||||
>
|
<li>Do not share illegal content.</li>
|
||||||
<a
|
<li>Respect others while using the platform.</li>
|
||||||
href="https://github.com/umutcamliyurt/Amnezichat?tab=readme-ov-file#donate-to-support-development-of-this-project"
|
</ul>
|
||||||
class="bg-blue-300 hover:bg-blue-400 text-gray-900 py-2 px-6 rounded-full transition duration-300"
|
<p>
|
||||||
>Donate Monero</a
|
Amnezichat reserves the right to modify or discontinue the
|
||||||
>
|
service without notice.
|
||||||
</div>
|
</p>
|
||||||
<br />
|
<small class="text-gray-500">
|
||||||
<!-- Privacy and Terms -->
|
We can't actually enforce these. Please keep them in mind
|
||||||
<details id="terms-of-service-section" class="pt-3">
|
though.
|
||||||
<summary class="bg-gray-950 p-3 rounded-lg cursor-pointer shadow">Terms of Service</summary>
|
</small>
|
||||||
<p>
|
<p>Contact: nemesisuks@protonmail.com</p>
|
||||||
By using Amnezichat, you agree to the following
|
</details>
|
||||||
terms:
|
|
||||||
</p>
|
|
||||||
<ul>
|
|
||||||
<li>Use for lawful purposes only.</li>
|
|
||||||
<li>Do not share illegal content.</li>
|
|
||||||
<li>Respect others while using the platform.</li>
|
|
||||||
</ul>
|
|
||||||
<p>
|
|
||||||
Amnezichat reserves the right to modify or
|
|
||||||
discontinue the service without notice.
|
|
||||||
</p>
|
|
||||||
<small class="text-gray-500">
|
|
||||||
We can't actually enforce these. Please keep them
|
|
||||||
in mind though.
|
|
||||||
</small>
|
|
||||||
<p>Contact: nemesisuks@protonmail.com</p>
|
|
||||||
</details>
|
|
||||||
|
|
||||||
<details class="pt-3">
|
<details class="pt-3 pb-3">
|
||||||
<summary class="bg-gray-950 p-3 rounded-lg cursor-pointer shadow">Privacy Policy</summary>
|
<summary
|
||||||
<p>We value your privacy:</p>
|
class="bg-gray-950 p-3 rounded-lg cursor-pointer shadow"
|
||||||
<ul>
|
>
|
||||||
<li>
|
Privacy Policy
|
||||||
No personal information or chat logs are stored.
|
</summary>
|
||||||
</li>
|
<p>We value your privacy:</p>
|
||||||
<li>Messages are <span class="text-green-400">encrypted</span> and <span class="text-green-400">temporary</span>.</li>
|
<ul>
|
||||||
</ul>
|
<li>No personal information or chat logs are stored.</li>
|
||||||
</details>
|
<li>
|
||||||
</div>
|
Messages are
|
||||||
|
<span class="text-green-400">encrypted</span> and
|
||||||
|
<span class="text-green-400">temporary</span>.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</details>
|
||||||
|
<br />
|
||||||
|
<!-- Main Links -->
|
||||||
|
<div class="main-links">
|
||||||
|
<a
|
||||||
|
href="https://github.com/umutcamliyurt/Amnezichat"
|
||||||
|
target="_blank"
|
||||||
|
class="bg-blue-300 hover:bg-blue-400 text-gray-900 py-2 px-6 rounded-full transition duration-300"
|
||||||
|
>Source Code</a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="http://aqfyl6g24k44oyes3n35nrnlhdfvdwfvi4a7umjalu4dcstuzkxft4id.onion"
|
||||||
|
target="_blank"
|
||||||
|
class="bg-blue-300 hover:bg-blue-400 text-gray-900 py-2 px-6 rounded-full transition duration-300"
|
||||||
|
>Onionsite</a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="http://epmrgx35crapamcxlpggowr7vg3fbxosmkow66konjomn4nlphda.b32.i2p"
|
||||||
|
target="_blank"
|
||||||
|
class="bg-blue-300 hover:bg-blue-400 text-gray-900 py-2 px-6 rounded-full transition duration-300"
|
||||||
|
>Eepsite</a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="https://github.com/umutcamliyurt/Amnezichat?tab=readme-ov-file#donate-to-support-development-of-this-project"
|
||||||
|
class="bg-blue-300 hover:bg-blue-400 text-gray-900 py-2 px-6 rounded-full transition duration-300"
|
||||||
|
>Donate Monero</a
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="download" class="modal">
|
<div
|
||||||
<div class="modal-content">
|
id="download"
|
||||||
<a href="#" class="close-button">×</a>
|
class="bg-gray-900 h-screen flex flex-col items-center justify-center text-white"
|
||||||
<h2>Installation Instructions</h2>
|
>
|
||||||
|
<div class="modal-content">
|
||||||
|
<h2
|
||||||
|
class="bg-linear-65 from-purple-500 to-pink-500 text-2xl font-bold text-transparent bg-clip-text"
|
||||||
|
>
|
||||||
|
Installation Instructions
|
||||||
|
</h2>
|
||||||
|
|
||||||
<h3>Build it Yourself</h3>
|
<h3>Build it Yourself</h3>
|
||||||
<pre>
|
<pre>
|
||||||
sudo apt update
|
sudo apt update
|
||||||
sudo apt install curl build-essential git tor xterm
|
sudo apt install curl build-essential git tor xterm
|
||||||
sudo systemctl enable --now tor.service
|
sudo systemctl enable --now tor.service
|
||||||
@ -106,22 +127,21 @@ cd Amnezichat/client/
|
|||||||
cargo build --release
|
cargo build --release
|
||||||
cargo run --release
|
cargo run --release
|
||||||
</pre
|
</pre
|
||||||
>
|
>
|
||||||
|
|
||||||
<h3>Or:</h3>
|
<h3 class="pb-3">Or:</h3>
|
||||||
<a
|
<a
|
||||||
href="/static/Amnezichat-x86_64.AppImage"
|
href="/static/Amnezichat-x86_64.AppImage"
|
||||||
class="download-button"
|
class="bg-blue-300 hover:bg-blue-400 text-gray-900 py-2 px-6 rounded-full transition duration-300"
|
||||||
download
|
download
|
||||||
>Download AppImage</a
|
>Download AppImage</a
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href="/static/Amnezichat-x86_64.deb"
|
href="/static/Amnezichat-x86_64.deb"
|
||||||
class="download-button"
|
class="bg-blue-300 hover:bg-blue-400 text-gray-900 py-2 px-6 rounded-full transition duration-300"
|
||||||
download
|
download
|
||||||
>Download .deb Package</a
|
>Download .deb Package</a
|
||||||
>
|
>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -230,12 +230,6 @@
|
|||||||
.m-5 {
|
.m-5 {
|
||||||
margin: calc(var(--spacing) * 5);
|
margin: calc(var(--spacing) * 5);
|
||||||
}
|
}
|
||||||
.m-10 {
|
|
||||||
margin: calc(var(--spacing) * 10);
|
|
||||||
}
|
|
||||||
.m-auto {
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
.block {
|
.block {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@ -299,13 +293,6 @@
|
|||||||
.justify-center {
|
.justify-center {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.space-y-2 {
|
|
||||||
:where(& > :not(:last-child)) {
|
|
||||||
--tw-space-y-reverse: 0;
|
|
||||||
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
|
|
||||||
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.truncate {
|
.truncate {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
@ -320,10 +307,6 @@
|
|||||||
.rounded-lg {
|
.rounded-lg {
|
||||||
border-radius: var(--radius-lg);
|
border-radius: var(--radius-lg);
|
||||||
}
|
}
|
||||||
.rounded-t-lg {
|
|
||||||
border-top-left-radius: var(--radius-lg);
|
|
||||||
border-top-right-radius: var(--radius-lg);
|
|
||||||
}
|
|
||||||
.border {
|
.border {
|
||||||
border-style: var(--tw-border-style);
|
border-style: var(--tw-border-style);
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
@ -334,9 +317,6 @@
|
|||||||
.bg-blue-500 {
|
.bg-blue-500 {
|
||||||
background-color: var(--color-blue-500);
|
background-color: var(--color-blue-500);
|
||||||
}
|
}
|
||||||
.bg-gray-100 {
|
|
||||||
background-color: var(--color-gray-100);
|
|
||||||
}
|
|
||||||
.bg-gray-900 {
|
.bg-gray-900 {
|
||||||
background-color: var(--color-gray-900);
|
background-color: var(--color-gray-900);
|
||||||
}
|
}
|
||||||
@ -354,8 +334,12 @@
|
|||||||
--tw-gradient-position: to right in oklab;
|
--tw-gradient-position: to right in oklab;
|
||||||
background-image: linear-gradient(var(--tw-gradient-stops));
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
||||||
}
|
}
|
||||||
.from-green-500 {
|
.from-blue-300 {
|
||||||
--tw-gradient-from: var(--color-green-500);
|
--tw-gradient-from: var(--color-blue-300);
|
||||||
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
||||||
|
}
|
||||||
|
.from-blue-500 {
|
||||||
|
--tw-gradient-from: var(--color-blue-500);
|
||||||
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
||||||
}
|
}
|
||||||
.from-pink-200 {
|
.from-pink-200 {
|
||||||
@ -366,13 +350,12 @@
|
|||||||
--tw-gradient-from: var(--color-purple-500);
|
--tw-gradient-from: var(--color-purple-500);
|
||||||
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
||||||
}
|
}
|
||||||
.via-indigo-400 {
|
.to-blue-400 {
|
||||||
--tw-gradient-via: var(--color-indigo-400);
|
--tw-gradient-to: var(--color-blue-400);
|
||||||
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
||||||
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
||||||
}
|
}
|
||||||
.to-indigo-600 {
|
.to-blue-600 {
|
||||||
--tw-gradient-to: var(--color-indigo-600);
|
--tw-gradient-to: var(--color-blue-600);
|
||||||
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
||||||
}
|
}
|
||||||
.to-pink-500 {
|
.to-pink-500 {
|
||||||
@ -407,6 +390,9 @@
|
|||||||
.pt-3 {
|
.pt-3 {
|
||||||
padding-top: calc(var(--spacing) * 3);
|
padding-top: calc(var(--spacing) * 3);
|
||||||
}
|
}
|
||||||
|
.pb-3 {
|
||||||
|
padding-bottom: calc(var(--spacing) * 3);
|
||||||
|
}
|
||||||
.text-2xl {
|
.text-2xl {
|
||||||
font-size: var(--text-2xl);
|
font-size: var(--text-2xl);
|
||||||
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
||||||
@ -423,12 +409,6 @@
|
|||||||
--tw-font-weight: var(--font-weight-semibold);
|
--tw-font-weight: var(--font-weight-semibold);
|
||||||
font-weight: var(--font-weight-semibold);
|
font-weight: var(--font-weight-semibold);
|
||||||
}
|
}
|
||||||
.text-black {
|
|
||||||
color: var(--color-black);
|
|
||||||
}
|
|
||||||
.text-gray-200 {
|
|
||||||
color: var(--color-gray-200);
|
|
||||||
}
|
|
||||||
.text-gray-500 {
|
.text-gray-500 {
|
||||||
color: var(--color-gray-500);
|
color: var(--color-gray-500);
|
||||||
}
|
}
|
||||||
@ -498,26 +478,46 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.sm\:flex-row {
|
.hover\:bg-linear-65 {
|
||||||
@media (width >= 40rem) {
|
&:hover {
|
||||||
flex-direction: row;
|
@media (hover: hover) {
|
||||||
}
|
--tw-gradient-position: 65deg;
|
||||||
}
|
@supports (background-image: linear-gradient(in lab, red, red)) {
|
||||||
.sm\:space-y-0 {
|
--tw-gradient-position: 65deg in oklab;
|
||||||
@media (width >= 40rem) {
|
}
|
||||||
:where(& > :not(:last-child)) {
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
||||||
--tw-space-y-reverse: 0;
|
|
||||||
margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
|
|
||||||
margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.sm\:space-x-2 {
|
.hover\:from-blue-300 {
|
||||||
@media (width >= 40rem) {
|
&:hover {
|
||||||
:where(& > :not(:last-child)) {
|
@media (hover: hover) {
|
||||||
--tw-space-x-reverse: 0;
|
--tw-gradient-from: var(--color-blue-300);
|
||||||
margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
||||||
margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.hover\:from-blue-600 {
|
||||||
|
&:hover {
|
||||||
|
@media (hover: hover) {
|
||||||
|
--tw-gradient-from: var(--color-blue-600);
|
||||||
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.hover\:to-blue-400 {
|
||||||
|
&:hover {
|
||||||
|
@media (hover: hover) {
|
||||||
|
--tw-gradient-to: var(--color-blue-400);
|
||||||
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.hover\:to-blue-500 {
|
||||||
|
&:hover {
|
||||||
|
@media (hover: hover) {
|
||||||
|
--tw-gradient-to: var(--color-blue-500);
|
||||||
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -542,11 +542,6 @@
|
|||||||
syntax: "*";
|
syntax: "*";
|
||||||
inherits: false;
|
inherits: false;
|
||||||
}
|
}
|
||||||
@property --tw-space-y-reverse {
|
|
||||||
syntax: "*";
|
|
||||||
inherits: false;
|
|
||||||
initial-value: 0;
|
|
||||||
}
|
|
||||||
@property --tw-border-style {
|
@property --tw-border-style {
|
||||||
syntax: "*";
|
syntax: "*";
|
||||||
inherits: false;
|
inherits: false;
|
||||||
@ -745,11 +740,6 @@
|
|||||||
syntax: "*";
|
syntax: "*";
|
||||||
inherits: false;
|
inherits: false;
|
||||||
}
|
}
|
||||||
@property --tw-space-x-reverse {
|
|
||||||
syntax: "*";
|
|
||||||
inherits: false;
|
|
||||||
initial-value: 0;
|
|
||||||
}
|
|
||||||
@layer properties {
|
@layer properties {
|
||||||
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
||||||
*, ::before, ::after, ::backdrop {
|
*, ::before, ::after, ::backdrop {
|
||||||
@ -758,7 +748,6 @@
|
|||||||
--tw-rotate-z: initial;
|
--tw-rotate-z: initial;
|
||||||
--tw-skew-x: initial;
|
--tw-skew-x: initial;
|
||||||
--tw-skew-y: initial;
|
--tw-skew-y: initial;
|
||||||
--tw-space-y-reverse: 0;
|
|
||||||
--tw-border-style: solid;
|
--tw-border-style: solid;
|
||||||
--tw-gradient-position: initial;
|
--tw-gradient-position: initial;
|
||||||
--tw-gradient-from: #0000;
|
--tw-gradient-from: #0000;
|
||||||
@ -804,7 +793,6 @@
|
|||||||
--tw-drop-shadow-alpha: 100%;
|
--tw-drop-shadow-alpha: 100%;
|
||||||
--tw-drop-shadow-size: initial;
|
--tw-drop-shadow-size: initial;
|
||||||
--tw-duration: initial;
|
--tw-duration: initial;
|
||||||
--tw-space-x-reverse: 0;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user