Post
Topic
Board Services
Merits 1 from 1 user
Re: CONTEST: design loyce.club home page
by
LoyceV
on 09/10/2020, 09:32:46 UTC
⭐ Merited by bitmover (1)
Here some idea what it might look like https://landofcrypto.com/Loyce.Club/ also check "TEST table" menu or: https://landofcrypto.com/Loyce.Club/page1.html
you will need to change the structure of your results pages then you can have well-sorted data table.
I uploaded this to my hosting and everyone can check it. If you want to use them, I will send you all the files. I didn't link everything, but it's not a big deal to do if you want to use it.
Also, I can comment code, if necessary for easier handling.
Bumping this topic with questions:
I see it uses this:
Code:
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic&subset=latin">
And it uses a whole list of stylesheets:
Code:
<link rel="stylesheet" href="assets/tether/tether.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/dataTables/data-tables.bootstrap4.min.css">
  <link rel="stylesheet" href="assets/animatecss/animate.min.css">
  <link rel="stylesheet" href="assets/dropdown/css/style.css">
  <link rel="stylesheet" href="assets/theme/css/style.css">
  <link rel="stylesheet" href="assets/mobirise3-blocks-plugin/css/style.css">
  <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
I don't want any Google (tracking) on any page, and I prefer to have as light a page as possible. Ideally, I want to copy this above all HTML pages I have, which means copying it millions of times.
I don't think I should use tables, it will probably make loading such a page a lot slower than it is already.



Made a simple responsive layout for the website. Thanks to bootstrap 4, fontAwesome, jquery. Made a very simple logo btw Cheesy

Here's how it looks


Sauce:
https://github.com/blankcodes/loycev.club
I think this is the best looking one so far Smiley But: it also uses Google:
Code:
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
I see BPIP uses several external scripts too:
Code:
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.7/dist/css/bootstrap-select.min.css" />
    <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.7/dist/js/bootstrap-select.min.js"></script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-155135847-1"></script>
I'm not familiar with this, is this the standard accepted thing nowdadays? Do users not care about external tracking? Or am I just too concerned?

I like the top-menu and the simple design to add some more pages. It'll take me a while to figure out all details how everything works to adjust things.
I'd like to add a submenu under the top-menu though, like examplens made here. under "MERIT", but it might make it a lot larger and more complicated to make changes (to so many pages) later.
How would I start editing this? Just manual with an editor, or is there a better GUI method to do so? Again: total n00b here when it comes to designing things.



I made a very simple design, based on your own website. I focused in readability and low file size. Only 22kb.

Please take a look
https://bitcoindata.science/LoyceV/loyce.club.html
I like the simplicity, but I'm really looking for something I can add to all my pages. So a top-menu to add everywhere.
Tables can for sure improve Trust list pages, but that'll also complicate a lot of the things where I use the same HTML. So maybe I'll add this much later, but it's too much work to do that now too.

I see you prefer red colors. I changed button colors to red.

You can see the result here:
https://bitcoindata.science/LoyceV/searchtool.html
I'll change colors when the rest of loyce.club has some design.



language/ software to scrape data and to keep it realtime update
Anything you want should work. Sorry for giving a generic answer, but what works for me probably won't work for you. One thing though, if you start the right way, you'll save a lot of time later. I clearly didn't think it through doing this without database.

Quote
How to build up a simple website
Didn't this topic make it very obvious I know nothing about designing a website? Wink Putting it online is as simple as getting hosting and uploading it. Other than that, this isn't the right topic to get into details.