seasharp
/
basicswap_miserver
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui: Update index

Browse Source
2024-05-20_merge
gerlofvanek 2 years ago
parent 1bcce46a7c
commit aabf865873
1 changed files with 9 additions and 10 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 19
      basicswap/templates/index.html

19
basicswap/templates/index.html
Unescape View File

@ -5,7 +5,7 @@
<div class="md:w-1/2 pl-4"> <div class="md:w-1/2 pl-4">
<span class="inline-block py-px px-2 mb-4 text-xs leading-5 text-blue-500 bg-blue-100 font-medium rounded-full shadow-sm">BasicSwap version: {{ version }}</span> <span class="inline-block py-px px-2 mb-4 text-xs leading-5 text-blue-500 bg-blue-100 font-medium rounded-full shadow-sm">BasicSwap version: {{ version }}</span>
<h3 class="mb-6 text-4xl md:text-5xl leading-tight text-coolGray-900 font-bold tracking-tighter">Welcome to BasicSwap DEX</h3> <h3 class="mb-6 text-4xl md:text-5xl leading-tight text-coolGray-900 font-bold tracking-tighter">Welcome to BasicSwap DEX</h3>
<p class="mb-12 text-lg md:text-xl text-coolGray-500 font-medium">Swap cryptocurrencies in a distributed trading environment with <b>no restriction</b> and <b>no fees.<b></p> <p class="mb-12 text-lg md:text-xl text-coolGray-500 font-medium">Swap cryptocurrencies in <span class="underline">total privacy</span> with no middlemen, fees,<br> or restrictions.</p>
<div class="flex flex-wrap mb-10 text-center md:text-left"> <div class="flex flex-wrap mb-10 text-center md:text-left">
<div class="w-full md:w-auto mb-6 md:mb-0 md:pr-6"> <div class="w-full md:w-auto mb-6 md:mb-0 md:pr-6">
<a href="/wallets"> <a href="/wallets">
@ -20,11 +20,11 @@
</svg> </svg>
</div> </div>
</div> </div>
</a>
<div class="w-full md:flex-1 md:pt-3"> <div class="w-full md:flex-1 md:pt-3">
<div class="md:max-w-sm"> <div class="md:max-w-sm">
<h3 class="mb-4 text-xl md:text-2xl leading-tight text-coolGray-900 font-bold">Your Wallet</h3> <h3 class="mb-4 text-xl md:text-2xl leading-tight text-coolGray-900 font-bold">Your Wallet</h3>
<p class="text-coolGray-500 font-medium"></p> <p class="text-coolGray-500 font-medium">Manage your cryptocurrency wallets.</p>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -44,14 +44,13 @@
</svg> </svg>
</div> </div>
</div> </div>
</a>
<div class="w-full md:flex-1 md:pt-3"> <div class="w-full md:flex-1 md:pt-3">
<div class="md:max-w-sm"> <div class="md:max-w-sm">
<h3 class="mb-4 text-xl md:text-2xl leading-tight text-coolGray-900 font-bold">Start Trading</h3> <h3 class="mb-4 text-xl md:text-2xl leading-tight text-coolGray-900 font-bold">Start Trading</h3>
<p class="text-coolGray-500 font-medium"></p> <p class="text-coolGray-500 font-medium">Browse available swap offers placed by others.</p>
</a>
</div> </div>
</div> </div>
</a>
</div> </div>
<div class="flex flex-wrap text-center md:text-left"> <div class="flex flex-wrap text-center md:text-left">
<div class="w-full md:w-auto mb-6 md:mb-0 md:pr-6"> <div class="w-full md:w-auto mb-6 md:mb-0 md:pr-6">
@ -62,13 +61,13 @@
<line x1="23" y1="11" x2="23" y2="16" stroke="#ffffff"></line> <polygon points="12,13 2,8 12,3 22,8 "></polygon> <line x1="23" y1="11" x2="23" y2="16" stroke="#ffffff"></line> <polygon points="12,13 2,8 12,3 22,8 "></polygon>
<path data-cap="butt" d="M5,9.5V18c0,1.657,3.134,3,7,3 s7-1.343,7-3V9.5"></path> <path data-cap="butt" d="M5,9.5V18c0,1.657,3.134,3,7,3 s7-1.343,7-3V9.5"></path>
</g> </g>
</svg> </svg>
</div> </div>
</div> </div>
<div class="w-full md:flex-1 md:pt-3"> <div class="w-full md:flex-1 md:pt-3">
<div class="md:max-w-sm"> <div class="md:max-w-sm">
<h3 class="mb-4 text-xl md:text-2xl leading-tight text-coolGray-900 font-bold">Help / Tutorials</h3> <h3 class="mb-4 text-xl md:text-2xl leading-tight text-coolGray-900 font-bold">Help / Tutorials</h3>
<p class="text-coolGray-500 font-medium"></p> <p class="text-coolGray-500 font-medium">Learn how to use BasicSwap with the Particl Academy.</p>
</div> </div>
</div> </div>
</a> </a>
@ -79,8 +78,8 @@
<div class="relative max-w-max"> <div class="relative max-w-max">
<img class="absolute p-7 -mt-1 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-10/12 z-20" src="/static/images/gfx/dashboard.jpg" alt=""> <img class="absolute p-7 -mt-1 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-10/12 z-20" src="/static/images/gfx/dashboard.jpg" alt="">
<img class="relative z-10" src="/static/images/gfx/macbook.png" alt=""> <img class="relative z-10" src="/static/images/gfx/macbook.png" alt="">
<img class="animate-pulse absolute -top-24 right-0 md:mt-px md:right-96 md:mr-52 lg:mr-16 xl:-mr-20 w-28 md:w-auto text-blue-500" src="/static/images/elements/dots2-red.svg"> <img class="absolute -top-24 right-0 md:mt-px md:right-96 md:mr-52 lg:mr-16 xl:-mr-20 w-28 md:w-auto text-blue-500" src="/static/images/elements/dots2-red.svg">
<img class="animate-pulse absolute -bottom-24 left-0 md:left-auto md:mt-px md:right-96 md:mr-52 lg:mr-16 xl:-mr-20 w-28 md:w-auto text-red-500" src="/static/images/elements/dots2-red.svg"> <img class="absolute -bottom-24 left-0 md:left-auto md:mt-px md:right-96 md:mr-52 lg:mr-16 xl:-mr-20 w-28 md:w-auto text-red-500" src="/static/images/elements/dots2-red.svg">
<img class="absolute left-0 top-1/2 transform -translate-y-1/2 w-28 md:w-auto text-yellow-400" src="/static/images/elements/circle2-violet.svg"> <img class="absolute left-0 top-1/2 transform -translate-y-1/2 w-28 md:w-auto text-yellow-400" src="/static/images/elements/circle2-violet.svg">
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save