Bitcoin Forum

Economy => Services => Topic started by: LoyceV on December 17, 2019, 04:07:59 PM



Title: CONTEST: design loyce.club home page
Post by: LoyceV on December 17, 2019, 04:07:59 PM
I've created loads of useful data on Bitcointalk (https://bitcointalk.org/index.php?topic=5145594.0), and there are many more (https://bitcointalk.org/index.php?topic=5145594.0) topics too. I host most of my data on loyce.club (http://loyce.club/), which was never meant to be a landing page when someone needs my data.
However, I've been asked before to add an index there, and it would be nice to have a better page design.

See loyce.club (http://loyce.club/) for the current design.

So here it goes: Is there someone willing to create something nice with CSS and other magic? It should still be easy to (manually) add new links to other data in the future, and I prefer no complicated stuff with scripting or databases and stuff, but just something to make it look a bit better!

I'm hoping to make this a community thing: it could be community voted if there are more entries, or it could be just anything. There's not really a budget for designs, if you do this you do it for the community, and for eternal fame while it lasts :P

Obviously, this topic was a rush-job too, and I like to use it to make the point that I'm absolutely not into making good-looking designs :P

Self-moderated against spam.


Title: Re: CONTEST: design loyce.club home page
Post by: Joel_Jantsen on December 17, 2019, 04:43:29 PM
Any other specific requirements? Like color preferences, theme or you want something that just looks good and serves the purpose of the site? I haven't done HTML/CSS in a while but wouldn't mind spending a couple of hours over the weekend. - I'm in :D


Title: Re: CONTEST: design loyce.club home page
Post by: PrimeNumber7 on December 17, 2019, 05:09:45 PM
Are you actually uploading “files” to your computer/server every week?

If so, this may be a good time to move to a more efficient way of handling your data.

Regardless, you should look at bootstrap, which can help you with CSS on your site with minimal coding.
https://getbootstrap.com/docs/4.4/getting-started/introduction/


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on December 17, 2019, 07:19:36 PM
Any other specific requirements?
Not really.

Quote
Like color preferences, theme or you want something that just looks good and serves the purpose of the site?
I'm really not into designing things, so I have no idea. But "serving the purpose" sounds about right.

Quote
I haven't done HTML/CSS in a while but wouldn't mind spending a couple of hours over the weekend. - I'm in :D
Thanks :D


Are you actually uploading “files” to your computer/server every week?
Yes.

Quote
If so, this may be a good time to move to a more efficient way of handling your data.
Getting a VPS would largely improve things for someone who doesn't know a thing about databases.

Quote
Regardless, you should look at bootstrap, which can help you with CSS on your site with minimal coding.
https://getbootstrap.com/docs/4.4/getting-started/introduction/
I'll wait to see if someone comes up with something much better than I could ever create before attempting anything by myself :)


Title: Re: CONTEST: design loyce.club home page
Post by: EliteCrash on December 17, 2019, 09:32:26 PM
Just made a quick landing page for you, nothing much but still better than nothing.

Hope you like it.

https://github.com/MindoLam/LoyceVLanding (https://github.com/MindoLam/LoyceVLanding)


Title: Re: CONTEST: design loyce.club home page
Post by: bL4nkcode on December 18, 2019, 05:30:03 PM
Made a simple responsive layout for the website. Thanks to bootstrap 4, fontAwesome, jquery. Made a very simple logo btw :D

Here's how it looks
https://i.imgur.com/bjDS9jd.gif

Sauce:
https://github.com/blankcodes/loycev.club


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on December 22, 2019, 02:00:22 PM
I haven't forgotten about this, but because of the sudden disappearance (https://bitcointalk.org/index.php?topic=5211253.0) of my webhost I have to fix that first.


Title: Re: CONTEST: design loyce.club home page
Post by: irfan_pak10 on February 13, 2020, 07:37:03 PM
I could give 0.01BTC more for this project if you'll display our logo on it as a sponsor?


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on February 14, 2020, 12:13:35 PM
if you'll display our logo on it as a sponsor?
I wouldn't be against this, but it has to fit in the design somehow.
I've thought about making a weekly auction to advertise on my Trust list viewer (https://bitcointalk.org/index.php?topic=5102296.0): an advertisement could be at the bottom of all pages for week 56 for instance (so under http://loyce.club/trust/2020-02-08_Sat_07.44h/350580.html and 10,000+ other pages). The advertisement would remain in place for as long as I can keep all older versions. But that would also look far more desperate for advertising than I really am :P

can we still design it?
Yes. I haven't picked a design yet. Lack of time is getting to me this year so far.


Title: Re: CONTEST: design loyce.club home page
Post by: irfan_pak10 on February 14, 2020, 03:57:55 PM
if you'll display our logo on it as a sponsor?
I wouldn't be against this, but it has to fit in the design somehow.
I've thought about making a weekly auction to advertise on my Trust list viewer (https://bitcointalk.org/index.php?topic=5102296.0): an advertisement could be at the bottom of all pages for week 56 for instance (so under http://loyce.club/trust/2020-02-08_Sat_07.44h/350580.html and 10,000+ other pages). The advertisement would remain in place for as long as I can keep all older versions. But that would also look far more desperate for advertising than I really am :P

can we still design it?
Yes. I haven't picked a design yet. Lack of time is getting to me this year so far.

How about this type of ad, advertisement at the top of the page: https://bitcointalk.org/index.php?topic=4412712.0
I don't think of it as desperate, you have put a lot of effort in all that seems reasonable to me.
I'll be the first to but few spots  ;)



Don't worry ill ask my dev to make a new design that will be coherent with your website designs.


Title: Re: CONTEST: design loyce.club home page
Post by: examplens on February 16, 2020, 01:31:36 AM
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.


it is quite coincidental that the colours are compatible with @irfan_pak10 website and ads design.  :D


Title: Re: CONTEST: design loyce.club home page
Post by: examplens on July 02, 2020, 12:01:34 PM
Bump! I should make the time to do this, so any ideas are still welcome!

I already forgot about this, did you look at my previous post in this thread?


Title: Re: CONTEST: design loyce.club home page
Post by: actmyname on July 02, 2020, 01:13:53 PM
I hope we don't go overboard with needless animations and "swoosh-ping" effects. (https://moneroworld.com/whysougly.html)

I would rather have a page that I can load quickly and easily than a page that looks like another blog template that was shoehorned in simply because the site-owner wanted a "modern look" rather than focusing on functionality.


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on July 02, 2020, 02:14:12 PM
did you look at my previous post in this thread?
Yes, a long time ago. I hope to have some time in the weekend.

focusing on functionality.
That sounds like me :)

It would also be nice to have a tiny bit of PHP (or whatever) that allows for an input field, and converts a number into an URL.
Examples
  • input msgID 54720568 > link to http://loyce.club/archive/posts/5472/54720568.html
  • input topicID 5210425 > link to http://loyce.club/archive/topics/521/5210425.html
  • input userID 465017 > link to http://loyce.club/archive/members/46/465017.html
  • and older posts:
    input oldmsgID 112 > link to http://loyce.club/archive/oldposts/0/1xx.html#msg112
This would make it much easier to use 35M posts! View unedited/deleted posts (search per post, per user or per topic) (https://bitcointalk.org/index.php?topic=5167469.0), and it's probably quite easy to make for someone who knows this.

Update: This now works! (https://loyce.club/archive/posts/)
Thanks bitmover (https://bitcointalk.org/index.php?action=profile;u=1554927)!


Title: Re: CONTEST: design loyce.club home page
Post by: dkbit98 on July 02, 2020, 02:26:53 PM
Common LoyceV you can do it :)
I like what examplens showed in his examples (but it can be improved), just don't forget to enable option for dark/light switch if possible.
It is important to have quick and easy navigation with back and forward buttons.
Responsive design would also be nice for easier browsing on all devices.


Title: Re: CONTEST: design loyce.club home page
Post by: target on July 02, 2020, 02:38:22 PM
did you look at my previous post in this thread?
Yes, a long time ago. I hope to have some time in the weekend.

focusing on functionality.
That sounds like me :)

It would also be nice to have a tiny bit of PHP (or whatever) that allows for an input field, and converts a number into an URL.
Examples
  • input msgID 54720568 > link to http://loyce.club/archive/posts/5472/54720568.html
  • input topicID 5210425 > link to http://loyce.club/archive/topics/521/5210425.html
  • input userID 465017 > link to http://loyce.club/archive/members/46/465017.html
  • and older posts:
    input oldmsgID 112 > link to http://loyce.club/archive/oldposts/0/1xx.html#msg112
This would make it much easier to use 35M posts! View unedited/deleted posts (search per post, per user or per topic) (https://bitcointalk.org/index.php?topic=5167469.0), and it's probably quite easy to make for someone who knows this.

It would be nice if there is a search box to it where anyone can search a user and his deleted posts. How often does it record posts?

Hope to see its GUI.


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on July 02, 2020, 02:54:14 PM
How often does it record posts?
Every few seconds (almost instantly).


Title: Re: CONTEST: design loyce.club home page
Post by: Peanutswar on September 27, 2020, 08:30:25 AM
Good day, LoyceV. and other members I would like to join in this contest with my design.
https://bitcointalk.org/index.php?topic=5278470.0
https://github.com/Peanutswar/LoyceClub.git


Title: Re: CONTEST: design loyce.club home page
Post by: Bttzed03 on September 29, 2020, 03:54:24 PM
^ First thing that came to mind was Metamask.


Title: Re: CONTEST: design loyce.club home page
Post by: icopress on September 29, 2020, 04:23:58 PM
Good day, LoyceV. and other members I would like to join in this contest with my design.
https://bitcointalk.org/index.php?topic=5278470.0
https://github.com/Peanutswar/LoyceClub.git

I recommend not using the MetaMask symbol, at least so as not to confuse newbies. If I were the creator of Metamask, I would take it as plagiarism and take steps to protect the identity of my product.
You can take a look at this selection of resources, I'm sure you will find what you need: https://neede.co/#/Templates
Code:
Free HTML landing page templates, UI Kits, and freebies for your projects.


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on September 29, 2020, 06:30:06 PM
I would like to join in this contest with my design.
I responded in your topic (https://bitcointalk.org/index.php?topic=5278470.msg55282626#msg55282626) :)

^ First thing that came to mind was Metamask.
I didn't know the logo, but it looks like it indeed.


Title: Re: CONTEST: design loyce.club home page
Post by: Peanutswar on September 30, 2020, 01:11:35 AM
^ First thing that came to mind was Metamask.

Good day, LoyceV. and other members I would like to join in this contest with my design.
https://bitcointalk.org/index.php?topic=5278470.0
https://github.com/Peanutswar/LoyceClub.git

I recommend not using the MetaMask symbol, at least so as not to confuse newbies. If I were the creator of Metamask, I would take it as plagiarism and take steps to protect the identity of my product.
page templates, UI Kits, and freebies for your projects.


I'm sorry I dont know what metamask is, I just use the reference of the fox came from the avatar of the fox up merit cycling club and make it in a low polygon design, I'm not intended to steal any kind of art work. Sorry if this looks like metamask, I will make a re-design of it thank you on your feed back.




Title: Re: CONTEST: design loyce.club home page
Post by: examplens on September 30, 2020, 07:35:22 AM
I'm sorry I dont know what metamask is, I just use the reference of the fox came from the avatar of the fox up merit cycling club and make it in a low polygon design, I'm not intended to steal any kind of art work. Sorry if this looks like metamask, I will make a re-design of it thank you on your feed back.

Try here about Metamask (http://letmegooglethat.com/?q=metamask)  ;)

don't waste your time until LoyceV doesn't decide will use that design. Changing or removing the logo is the last thing there. He can just upload the CSS file and point to them in his pages.
I think, his priority is something other rather than design

It would also be nice to have a tiny bit of PHP (or whatever) that allows for an input field, and converts a number into an URL.
Examples
  • input msgID 54720568 > link to http://loyce.club/archive/posts/5472/54720568.html
  • input topicID 5210425 > link to http://loyce.club/archive/topics/521/5210425.html
  • input userID 465017 > link to http://loyce.club/archive/members/46/465017.html
  • and older posts:
    input oldmsgID 112 > link to http://loyce.club/archive/oldposts/0/1xx.html#msg112
This would make it much easier to use 35M posts! View unedited/deleted posts (search per post, per user or per topic) (https://bitcointalk.org/index.php?topic=5167469.0), and it's probably quite easy to make for someone who knows this.


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on October 01, 2020, 11:21:06 AM
I'm sorry I dont know what metamask is, I just use the reference of the fox came from the avatar of the fox up merit cycling club and make it in a low polygon design, I'm not intended to steal any kind of art work. Sorry if this looks like metamask, I will make a re-design of it thank you on your feed back.
I think the main problem with metamask is that it is not related to bitcoin, making a clear comparison to ethereum (which has nothing to do with the website)

Quote
don't waste your time until LoyceV doesn't decide will use that design. Changing or removing the logo is the last thing there. He can just upload the CSS file and point to them in his pages.
I think, his priority is something other rather than design

It would also be nice to have a tiny bit of PHP (or whatever) that allows for an input field, and converts a number into an URL.
Examples
  • input msgID 54720568 > link to http://loyce.club/archive/posts/5472/54720568.html
  • input topicID 5210425 > link to http://loyce.club/archive/topics/521/5210425.html
  • input userID 465017 > link to http://loyce.club/archive/members/46/465017.html
  • and older posts:
    input oldmsgID 112 > link to http://loyce.club/archive/oldposts/0/1xx.html#msg112
This would make it much easier to use 35M posts! View unedited/deleted posts (search per post, per user or per topic) (https://bitcointalk.org/index.php?topic=5167469.0), and it's probably quite easy to make for someone who knows this.


This looks easy to do. I if you can be more specific I can try to figure out.


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on October 01, 2020, 11:38:13 AM
This looks easy to do. I if you can be more specific I can try to figure out.
What I need is basically automating this:
How to use it
  • Find the msgID, userID or topicID you need. Let's use msgID 51902990.
  • Remove the last 4 digits from the msgID to get the directory name (if there are less than 4 digits, use 0): 5190.
  • Put everything together behind the (above) URL and add ".html": http://loyce.club/archive/posts/5190/51902990.html.
So a search box, someone enters a number, and gets forwarded to the correct URL.


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on October 01, 2020, 12:56:59 PM
This looks easy to do. I if you can be more specific I can try to figure out.
What I need is basically automating this:
How to use it
  • Find the msgID, userID or topicID you need. Let's use msgID 51902990.
  • Remove the last 4 digits from the msgID to get the directory name (if there are less than 4 digits, use 0): 5190.
  • Put everything together behind the (above) URL and add ".html": http://loyce.club/archive/posts/5190/51902990.html.
So a search box, someone enters a number, and gets forwarded to the correct URL.
ok, I can do it with javascript .

do you already have all folders and html files, right?
I will do it in the next few days.


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on October 01, 2020, 02:19:57 PM
ok, I can do it with javascript .
Is that client side? I prefer not to run any scripts.

Quote
do you already have all folders and html files, right?
Yes.


Title: Re: CONTEST: design loyce.club home page
Post by: dkbit98 on October 01, 2020, 02:25:34 PM
LoyceV is not a fox despite foxpup avatar  :D
As bitcointalk members will use this website, maybe we should also vote on designs to help LoyceV make better decision.


Title: Re: CONTEST: design loyce.club home page
Post by: examplens on October 01, 2020, 02:57:53 PM
LoyceV is not a fox despite foxpup avatar  :D
As bitcointalk members will use this website, maybe we should also vote on designs to help LoyceV make better decision.

He needs only CSS file/s to put in all HTML pages, it will already look different.
Now I just find fox.exchange, less known than Metamask. It seems more than similar is as well @Peanutswar design. Red-white colour and Fox with polygon design in there.

https://i.ibb.co/25chj3d/image.png (https://ibb.co/KmVh9xW)


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on October 02, 2020, 11:40:43 AM
ok, I can do it with javascript .
Is that client side? I prefer not to run any scripts

I understand.... I would be a 5 line script. Pure js,  no jqueryor any other extension. . I dont know to do with php

I can do with pure js. Do you want?

Something very simple , 100% compatible with any  browser.

var number = getDocumentById("input")
var folder = ////slice number

Then some function calling https//...../folder/number

Something like that...


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on October 02, 2020, 05:12:11 PM
I can do with pure js. Do you want?

Something very simple , 100% compatible with any  browser.

var number = getDocumentById("input")
var folder = ////slice number

Then some function calling https//...../folder/number
I know nothing about this, so I can't really judge if this is good or not.


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on October 02, 2020, 08:17:43 PM
I can do with pure js. Do you want?

Something very simple , 100% compatible with any  browser.

var number = getDocumentById("input")
var folder = ////slice number

Then some function calling https//...../folder/number
I know nothing about this, so I can't really judge if this is good or not.

I Will make it and I will post the link here in the next few days.

I think it will do what you are expecting


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on October 03, 2020, 10:29:27 PM
What I need is basically automating this:
How to use it
  • Find the msgID, userID or topicID you need. Let's use msgID 51902990.
  • Remove the last 4 digits from the msgID to get the directory name (if there are less than 4 digits, use 0): 5190.
  • Put everything together behind the (above) URL and add ".html": http://loyce.club/archive/posts/5190/51902990.html.
So a search box, someone enters a number, and gets forwarded to the correct URL.

Hi LoyceV.
I had to make 3 search boxes.  
But I think that is what you want.

You can check it out here:
https://bitcoindata.science/LoyceV/searchtool.html

Very simple code, as I said.  Pure JS, no addons.

Code:
function gomsg () {
    var msg = document.getElementById('msgID').value;
    var msgfolder = msg.slice(0, 4);
    window.location.href = ("http://loyce.club/archive/posts/" + msgfolder +"/"+ msg+".html");
}

Edit: Just added bootstrap for design/format purposes.
I didn't understand the old posts logic, but I can do it as well if I have more information


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on October 04, 2020, 12:37:34 PM
I had to make 3 search boxes.  
But I think that is what you want.
It's a good start, but can I be a bit demanding? ;)

Quote
You can check it out here:
https://bitcoindata.science/LoyceV/searchtool.html
If I search for a large number, it works. Example:
userID 459836 > https://loyce.club/archive/members/45/459836.html < correct!
But if I search for a small number, it doesn't use "0" for the directory:
userID 35 > https://loyce.club/archive/members/35.html < incorrect! (this should have been https://loyce.club/archive/members/0/35.html)

Quote
Edit: Just added bootstrap for design/format purposes.
It looks decent. Is is possible to strip all unneccessary data from https://bitcoindata.science/css/bootstrap-grid.min.css? 49KB seems excessive ;)

One more request: if I enter a number in your LoyceV Search Tool, I'd like to submit it be pressing "Enter", which currently doesn't work. The buttons can stay too :)

Quote
I didn't understand the old posts logic, but I can do it as well if I have more information
I'm guessing you're not the only one, and that makes it quite hard to use. I've explained it here:
Sneak preview: http://loyce.club/archive/oldposts/
How to use:
  • Find the msgID you need. Let's use 28228
  • Remove the last 5 digits from the msgID to get the directory name (if there are less than 5 digits, use 0): 0
  • Replace the last 2 digits of the msgID by xx, and add .html (if there are less than 5 digits, use 0xx): 282xx.html
  • Add "#msg" and the msgID: #msg28228
  • Put everything together and go to http://loyce.club/archive/oldposts/0/282xx.html#msg28228
Ideally, this should be included in the same search field: if someone searches for a low post number (say 25000030), it should give this link: https://loyce.club/archive/oldposts/250/250000xx.html#msg25000030.
But if someone searches for a high number (say 55310200), it should give this link: https://loyce.club/archive/posts/5531/55310200.html.
Can you pull that off?


Title: Re: CONTEST: design loyce.club home page
Post by: MMM005 on October 04, 2020, 03:03:46 PM
It would also be nice to have a tiny bit of PHP (or whatever) that allows for an input field, and converts a number into an URL.
Examples
  • input msgID 54720568 > link to http://loyce.club/archive/posts/5472/54720568.html
  • input topicID 5210425 > link to http://loyce.club/archive/topics/521/5210425.html
  • input userID 465017 > link to http://loyce.club/archive/members/46/465017.html

Code:
// Get $searchType from the input, where msgID=>posts, topicID=>posts and userID=>members
$searchType = "posts"; // by msgID

// Get $ID from the input (should be >= 1)
$ID = "4567891";

// testing
// $ID = "45678";
// $ID = "4567";
// $ID = "456";
// $ID = "45";
// $ID = "4";

$dirName = (strlen($ID) <= 4 ? "0" : substr($ID, 0, -4));
$url = "http://loyce.club/archive/$searchType/$dirName/$ID.html";
echo $url;

// http://loyce.club/archive/posts/456/4567891.html
// http://loyce.club/archive/posts/4/45678.html
// http://loyce.club/archive/posts/0/4567.html
// http://loyce.club/archive/posts/0/456.html
// ...

Do you mean that?


Title: Re: CONTEST: design loyce.club home page
Post by: MMM005 on October 04, 2020, 10:46:45 PM
Sneak preview: http://loyce.club/archive/oldposts/
How to use:
  • Find the msgID you need. Let's use 28228
  • Remove the last 5 digits from the msgID to get the directory name (if there are less than 5 digits, use 0): 0
  • Replace the last 2 digits of the msgID by xx, and add .html (if there are less than 5 digits, use 0xx): 282xx.html
  • Add "#msg" and the msgID: #msg28228
  • Put everything together and go to http://loyce.club/archive/oldposts/0/282xx.html#msg28228

for oldposts:

Code:
// Get $searchType from the input, where oldmsgID=>oldposts
$searchType = "oldposts"; // by oldmsgID

// Get $ID from the input (should be >= 1)
// $ID = "28228";
$ID = "25000030";

$dirName = (strlen($ID) <= 5 ? "0" : substr($ID, 0, -5));
// $pageName = substr($ID, -2);
$pageName = (strlen($ID) < 5 ? "0xx" : substr($ID, 0, -2) . "xx");
$url = "http://loyce.club/archive/$searchType/$dirName/$pageName.html#msg$ID";
echo $url;

// http://loyce.club/archive/oldposts/0/282xx.html#msg28228
// http://loyce.club/archive/oldposts/250/250000xx.html#msg25000030

And by adding posts, topics and members (https://bitcointalk.org/index.php?topic=5210425.msg55313977#msg55313977) we get:

Code:
$urlBase = "http://loyce.club/archive";

// Get $searchType from the input, where oldmsgID=>oldposts, msgID=>posts, topicID=>topics and userID=>members
$searchType = "posts"; // by msgID

// Get $ID from the input (should be >= 1)
$ID = "28228";

$countDigits = ($searchType === "oldposts" ? 5 : 4);
$dirName = (strlen($ID) <= $countDigits ? "0" : substr($ID, 0, -$countDigits));
$pageName = (strlen($ID) < $countDigits ? "0xx" : substr($ID, 0, -2) . "xx");
$url = ($searchType === "oldposts" ? "$urlBase/$searchType/$dirName/$pageName.html#msg$ID" : "$urlBase/$searchType/$dirName/$ID.html");

echo $url;



Ideally, this should be included in the same search field: if someone searches for a low post number (say 25000030), it should give this link: https://loyce.club/archive/oldposts/250/250000xx.html#msg25000030.
But if someone searches for a high number (say 5310200), it should give this link: https://loyce.club/archive/posts/5531/55310200.html.

What is the logic of detecting low/high post numbers?


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on October 04, 2020, 11:19:02 PM
It's a good start, but can I be a bit demanding? ;)
Sure, let's make it work properly. I want to practice my skills as well.


Quote
If I search for a large number, it works. Example:
userID 459836 > https://loyce.club/archive/members/45/459836.html < correct!
But if I search for a small number, it doesn't use "0" for the directory:
userID 35 > https://loyce.club/archive/members/35.html < incorrect! (this should have been https://loyce.club/archive/members/0/35.html)

Now fixed.

Quote
One more request: if I enter a number in your LoyceV Search Tool, I'd like to submit it be pressing "Enter", which currently doesn't work. The buttons can stay too :)

Done!

Quote
Quote
Edit: Just added bootstrap for design/format purposes.
It looks decent. Is is possible to strip all unneccessary data from https://bitcoindata.science/css/bootstrap-grid.min.css? 49KB seems excessive ;)
Done. Just removed all unused CSS. There is now a single file with 14kb, no more css file.


Quote
Quote
I didn't understand the old posts logic, but I can do it as well if I have more information
I'm guessing you're not the only one, and that makes it quite hard to use. I've explained it here:
Sneak preview: http://loyce.club/archive/oldposts/
How to use:
  • Find the msgID you need. Let's use 28228
  • Remove the last 5 digits from the msgID to get the directory name (if there are less than 5 digits, use 0): 0
  • Replace the last 2 digits of the msgID by xx, and add .html (if there are less than 5 digits, use 0xx): 282xx.html
  • Add "#msg" and the msgID: #msg28228
  • Put everything together and go to http://loyce.club/archive/oldposts/0/282xx.html#msg28228

Done

A small correction:
  • Remove the last 5 digits from the msgID to get the directory name (if there are less than 5 6 digits, use 0): 0

;)

Quote
Ideally, this should be included in the same search field: if someone searches for a low post number (say 25000030), it should give this link: https://loyce.club/archive/oldposts/250/250000xx.html#msg25000030.
But if someone searches for a high number (say 5310200), it should give this link: https://loyce.club/archive/posts/5531/55310200.html.
Can you pull that off?
I didn't understand. Your low post number (25000030) is higher than the high post number (5310200). Is it the opposite?


Please feel free to change text/instructions/title etc

Edit:
Where is satoshi page in your database? Shouldn't it be here?
https://loyce.club/archive/members/0/3.html


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on October 05, 2020, 11:52:59 AM
~snip code~
How would I use this? (total n00b here) Don't spend too much time on it though, it looks like bitmover's solution works just fine already.

Quote
What is the logic of detecting low/high post numbers?
There's some overlap, but 51904009 (https://loyce.club/archive/posts/5190/51904009.html) is the first archive post with correct CSS. One post older (https://loyce.club/archive/posts/5190/51904008.html) lacks the proper layout. My earliest archived posts were a bit messy and I did miss some of them due to down time. Post 51904009 (https://loyce.club/archive/oldposts/519/519040xx.html#msg51904009) could also be found as part of "oldposts", this version was scraped a year later (after editing).

I want to practice my skills as well.
You're doing just fine :)

Quote
Done. Just removed all unused CSS. There is now a single file with 14kb, no more css file.
Great!

Quote
A small correction:
Remove the last 5 digits from the msgID to get the directory name (if there are less than 5 6 digits, use 0):
Very sharp! I made that mistake a couple more times. I changed it to "5 or less".

Quote
Quote
Ideally, this should be included in the same search field: if someone searches for a low post number (say 25000030), it should give this link: https://loyce.club/archive/oldposts/250/250000xx.html#msg25000030.
But if someone searches for a high number (say 55310200), it should give this link: https://loyce.club/archive/posts/5531/55310200.html.
I didn't understand. Your low post number (25000030) is higher than the high post number (5310200). Is it the opposite?
I missed a 5, the high number is 55310200.
With this clarified: is it possible to combine "msgID" and "Old Posts" into one field, with post 51904009 being the first one to go to "msgID" and anything lower than that going to "Old Posts"? That would be much better than having to explain the difference.

Quote
Please feel free to change text/instructions/title etc
I will :)

Quote
Where is satoshi page in your database? Shouldn't it be here?
https://loyce.club/archive/members/0/3.html
I haven't added "oldposts" to the member/topic-directories yet. I need some time to script it, it would indeed be better to have all posts archived in all categories.


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on October 05, 2020, 04:29:24 PM
I missed a 5, the high number is 55310200.
With this clarified: is it possible to combine "msgID" and "Old Posts" into one field, with post 51904009 being the first one to go to "msgID" and anything lower than that going to "Old Posts"? That would be much better than having to explain the difference.

Just did!
Now both scripts oldposts and msgID are combined in the same input box.
 I made a few tests and it looks ok. Tell me if you notice any bug.

This was quite easy to do, I can help you with similar demands if you need.

https://bitcoindata.science/LoyceV/searchtool.html


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on October 07, 2020, 07:31:08 PM
Tell me if you notice any bug.
Sorry it took me a bit, but I found a few bugs:
msgID: 200 gives https://loyce.club/archive/oldposts/0/0xx.html#msg200 instead of https://loyce.club/archive/oldposts/0/2xx.html#msg200
topicID: 10 gives https://loyce.club/archive/topics/10/10.html instead of https://loyce.club/archive/topics/0/10.html

The topicIDs and userIDs will work much better if I process all data I have. I should have time to fix this in the weekend.
Todo for myself: Finished! I should make a custom 404 that contains your search box for anything under https://loyce.club/archive/posts (and more URLs) :)


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on October 08, 2020, 02:34:20 AM
Sorry it took me a bit, but I found a few bugs:
topicID: 10 gives https://loyce.club/archive/topics/10/10.html instead of https://loyce.club/archive/topics/0/10.html

fixed!  I forgot to add the rule for low values.


Quote
msgID: 200 gives https://loyce.club/archive/oldposts/0/0xx.html#msg200 instead of https://loyce.club/archive/oldposts/0/2xx.html#msg200]

Looking at this rule, shouldn't it be 0xx?
Replace the last 2 digits of the msgID by xx, and add .html (if there are 5 or less digits, use 0xx): 282xx.html

I got confused now. Is the rule "(if there are 5 or less digits, use 0xx)"  2 digits or less?



Edit: posting in the wrong topic by mistake  ;D


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on October 08, 2020, 10:03:42 AM
fixed!  I forgot to add the rule for low values.
Fix confirmed, thanks!

Quote
Quote
msgID: 200 gives https://loyce.club/archive/oldposts/0/0xx.html#msg200 instead of https://loyce.club/archive/oldposts/0/2xx.html#msg200]
Looking at this rule, shouldn't it be 0xx?
Replace the last 2 digits of the msgID by xx, and add .html (if there are 2 or less digits, use 0xx): 282xx.html
I got confused now. Is the rule "(if there are 5 or less digits, use 0xx)"  2 digits or less?
You're right, I made another mistake in my description. It once again shows how much your search tool for this is needed!

I can fix this on my own:
Code:
	if (msg.length >= 3)

I also added a </div> to get rid of the red on </body> in Firefox.

Testing link: https://loyce.club/archive/members/


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on October 08, 2020, 12:39:15 PM
You're right, I made another mistake in my description. It once again shows how much your search tool for this is needed!
I can fix this on my own:
Code:
	if (msg.length >= 3)

I also added a </div> to get rid of the red on </body> in Firefox.

Testing link: https://loyce.club/archive/members/

Very nice to see it working! And I saw that you already made the 404 page (https://loyce.club/archive/topics/0/5.html)!

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 also changed the font tag to style css, as font tag is obsolete (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/font#:~:text=The%20HTML%20Font%20Element%20(%20%3Cfont,then%20made%20obsolete%20in%20HTML5.).



Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on October 08, 2020, 02:06:29 PM
LoyceV,

I know you already received many fancy designs from different people and you didn't use.

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


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on October 08, 2020, 02:59:34 PM
I also changed the font tag to style css, as font tag is obsolete (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/font#:~:text=The%20HTML%20Font%20Element%20(%20%3Cfont,then%20made%20obsolete%20in%20HTML5.).
Nothing on the internet will ever be obsolete ;)

I know you already received many fancy designs from different people and you didn't use.
I just checked what's left earlier, and some of the designs are no longer online. That leaves this:
https://github.com/blankcodes/loycev.club
And this:
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
I like both a bit, but not the animations. It gave me more of an idea what I want: a menu (CSS?) on top would fit nicely in all (few million) pages I have, so I can add it above for instance https://loyce.club/trust/2020-10-03_Sat_05.09h/1554927.html too. I think that would largely improve usability.
I have to go soon, so I'll continue later.


Title: Re: CONTEST: design loyce.club home page
Post by: tranthidung on October 09, 2020, 08:32:45 AM
Interesting. So would you mind giving me some tutorials from which I can start with

  • language/ software to scrape data and to keep it realtime update
  • How to build up a simple website

I am not an IT coder so I am sorry if my questions look like from a noob.  I love stats. Thanks for your help in advance :D


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on October 09, 2020, 09:32:46 AM
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 (https://landofcrypto.com/Loyce.Club/page1.html), it will probably make loading such a page (https://loyce.club/trust/2020-10-03_Sat_05.09h/index.html) 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 :D

Here's how it looks
https://i.imgur.com/bjDS9jd.gif

Sauce:
https://github.com/blankcodes/loycev.club
I think this is the best looking one so far :) 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 (https://landofcrypto.com/Loyce.Club/). 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 (https://loyce.club/trust/2020-10-03_Sat_05.09h/459836.html), 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? ;) 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.


Title: Re: CONTEST: design loyce.club home page
Post by: examplens on October 09, 2020, 12:20:26 PM
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 (https://landofcrypto.com/Loyce.Club/page1.html), it will probably make loading such a
 (https://loyce.club/trust/2020-10-03_Sat_05.09h/index.html)

You need not to worry about these Google links. there is no tracking there. It is just a link to specific fonts, just in case if the client has no this font installed in his device. So, when someone visits your page, these lines of code picking proper font from external server for proper display of content.
.CSS files usually have little of an impact on page speed, as long as we do not use pictures like part of design.

Give me some time, probably tonight I will make something new here. Just to finish some offline things.
I will exclude additional scripts as much as possible, even if they do not slow down page loading.
You need to tell us which colours you prefer there.
I can comment each block separately, then it would be easier for you to add/remove some code on different pages.
My first design is more suggestion, like block with donations or the block with ad space.


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on October 09, 2020, 01:27:25 PM
I have been reading about web development since the beginning of the pandemia, so I will give my opinion based in my very little experience and knowledge.

Since I started, i tried to follow this open-web philosophy (privacy, openness, no tracking etc).


I don't want any Google (tracking) on any page, and I prefer to have as light a page as possible.
You need not to worry about these Google links. there is no tracking there. It is just a link to specific fonts, just in case if the client has no this font installed in his device. So, when someone visits your page, these lines of code picking proper font from external server for proper display of content.

You are sending request to their servers, they will save at least your IP request there.
There is no need to do that. You can just download the font and use it in your own server.
Check it out here
https://google-webfonts-helper.herokuapp.com/fonts


Ideally, I want to copy this above all HTML pages I have, which means copying it millions of times.

The problem with that approach is that Ctrl C CtrlV one million times is not effective. Additionally, you will have to update your navigation bar one day. Will you Ctrl C and V again?

I made a small .html file for the navigation bar in my website, and I just load it with JS in my every page. Then i can just update my nav.html file . It is still problematic to ctrl c ctrl v the code in those pages.. I don't know what is the best way to deal with this in this case.

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 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?

It is bad for privacy and for page loading times. But it is good to keep your libraries updated. Personally, I download everything and I run it in my own server. I don't care about updates.



Quote
I'd like to add a submenu under the top-menu though, like examplens made here (https://landofcrypto.com/Loyce.Club/). 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.

This is called a dropdown.

Bootstrap is a very nice design language, which you will probably like.

You can just copy this code here and start using and editing it:
https://getbootstrap.com/docs/4.5/components/dropdowns/#single-button

You just have to load the dependencies libraries (jquery, bootstrap css and bootstrapbundle.js, then download them to your /css or /js directories).

See a working example, which you can edit. Examplens just used a different css style:
https://jsfiddle.net/jaqkznyo/1/

You just need this code:
Code:
<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Merit
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Sent Merit</a>
    <a class="dropdown-item" href="#">Received Merit</a>
    <a class="dropdown-item" href="#">More Merit</a>
        <a class="dropdown-item" href="#">deMerit</a>
            <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#">Merit History</a>
  </div>
</div>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://getbootstrap.com/docs/4.5/dist/js/bootstrap.bundle.min.js" integrity="sha384-LtrjvnR4Twt/qOuYxE721u19sVFLVSA4hf/rRt6PrZTmiPltdZcI7q7PXQBYTKyf" crossorigin="anonymous">


Title: Re: CONTEST: design loyce.club home page
Post by: examplens on October 09, 2020, 08:41:35 PM
You are sending request to their servers, they will save at least your IP request there.
There is no need to do that. You can just download the font and use it in your own server.


No offence, but to me, this sounds a little paranoid, doesn’t it? I mean, we talking here about font style. I am not sure is it possible to be 100% safe over the internet if you use all of his resources.
It can easily change an IP address, restarting router. Maybe I am naive, but I really don't see a serious problem here.

..
You just need this code:
Code:
<div class="dropdown">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://getbootstrap.com/docs/4.5/dist/js/bootstrap.bundle.min.js" integrity="sha384-LtrjvnR4Twt/qOuYxE721u19sVFLVSA4hf/rRt6PrZTmiPltdZcI7q7PXQBYTKyf" crossorigin="anonymous">

Now you here linking to bootstrapcdn.com jquery.com and getbootstrap.com. here is also a problem, because this way they can find out your IP address and whatever they were doing with this information. Especially when it comes to dynamic address, by the way, who knows who had that address before us and where he was.






Title: Re: CONTEST: design loyce.club home page
Post by: cabalism13 on October 09, 2020, 08:58:33 PM
@Loyce, can anyone else join your contest, I mean if they're notbhere on the forum? I would like to share this thread to my classmate if possible, and let him test his knowledge (we're still students)  ;D


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on October 09, 2020, 10:05:52 PM
You are sending request to their servers, they will save at least your IP request there.
There is no need to do that. You can just download the font and use it in your own server.


No offence, but to me, this sounds a little paranoid, doesn’t it? I mean, we talking here about font style. I am not sure is it possible to be 100% safe over the internet if you use all of his resources.
It can easily change an IP address, restarting router. Maybe I am naive, but I really don't see a serious problem here.

But in this case there is no reason to get the fonts from their servers, and it is like 1kb file, why don't you host it?
It may be paranoid, but it is more a matter of philosophy about the web imo.

Quote
..
You just need this code:
Code:
<div class="dropdown">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://getbootstrap.com/docs/4.5/dist/js/bootstrap.bundle.min.js" integrity="sha384-LtrjvnR4Twt/qOuYxE721u19sVFLVSA4hf/rRt6PrZTmiPltdZcI7q7PXQBYTKyf" crossorigin="anonymous">

Now you here linking to bootstrapcdn.com jquery.com and getbootstrap.com. here is also a problem


But this is just to make the fiddle work, as he asked for a testing environment.

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.

Than I said that he should download the files and run in his server, but he could test in that environment.

You just have to load the dependencies libraries (jquery, bootstrap css and bootstrapbundle.js, then download them to your /css or /js directories).

See a working example, which you can edit.
-snip-


Title: Re: CONTEST: design loyce.club home page
Post by: TwitchySeal on October 11, 2020, 04:43:24 PM
I really think you should leave the basic design (or lack of) as is. I like it.


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on October 12, 2020, 12:42:14 AM
I really think you should leave the basic design (or lack of) as is. I like it.

I like it too.
Take a look at this  ;D
http://bettermotherfuckingwebsite.com/


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on November 11, 2020, 10:17:45 AM
This was quite easy to do, I can help you with similar demands if you need.
I found a bug :( If I search for topicID 178336 on https://loyce.club/archive/topics/, it gives https://loyce.club/archive/topics/178/178336.html instead of https://loyce.club/archive/topics/17/178336.html. It works fine for longer topicIDs.


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on November 11, 2020, 04:59:32 PM
I found a bug :( If I search for topicID 178336 on https://loyce.club/archive/topics/, it gives https://loyce.club/archive/topics/178/178336.html instead of https://loyce.club/archive/topics/17/178336.html. It works fine for longer topicIDs.

The rule is a bit different than I thought. I wasn't able to find it now in this topic, can you help me?

It would also be nice to have a tiny bit of PHP (or whatever) that allows for an input field, and converts a number into an URL.
Examples
  • input msgID 54720568 > link to http://loyce.club/archive/posts/5472/54720568.html
  • input topicID 5210425 > link to http://loyce.club/archive/topics/521/5210425.html
  • input userID 465017 > link to http://loyce.club/archive/members/46/465017.html
  • and older posts:
    input oldmsgID 112 > link to http://loyce.club/archive/oldposts/0/1xx.html#msg112

I made a rule that if the length is <= than 4, the folder would be 0. And if the length is > 4 the folder is the first 3 digits.

As 178336 has 6 digits, the script is redirecting it to a 3 digits folder.

When should the folder have only the first 2 digits?


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on November 11, 2020, 06:38:09 PM
if the length is > 4 the folder is the first 3 digits.

I checked what I wrote:
How to use it
  • Find the msgID, userID or topicID you need. Let's use msgID 51902990.
  • Remove the last 4 digits from the msgID to get the directory name (if there are 4 or less digits, use 0): 5190.
  • Put everything together behind the (above) URL and add ".html": https://loyce.club/archive/posts/5190/51902990.html.
So for topicID 178336, remove the last 4 digits to get the directory name. That gives directory 17. Add a slash, the topicID and .html to get https://loyce.club/archive/topics/17/178336.html.

So you don't need to take the first 3 digits, you need to remove the last 4 digits. The logic behind this is that I create directories with at most 10,000 files.
I checked for a few userIDs too, those seem to work fine.


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on November 11, 2020, 07:07:51 PM
So you don't need to take the first 3 digits, you need to remove the last 4 digits. The logic behind this is that I create directories with at most 10,000 files.
I checked for a few userIDs too, those seem to work fine.

You did almost everything for me :)
Made a small code change, now it is working.

delete this
Code:
var topfolder = top.slice(0, 3);

and add this:
Code:
var topfolder = top.substring(0, top.length-4);

Or just download it here:
https://bitcoindata.science/LoyceV/LOYCE.html

I made about 10 tests, looks fine.


EDit:
Found a possible bug:
topic 3064698.
https://loyce.club/archive/topics/306/3064698.html
Not archieved or something wrong?


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on November 11, 2020, 07:44:32 PM
delete this
Code:
var topfolder = top.slice(0, 3);

and add this:
Code:
var topfolder = top.substring(0, top.length-4);
Thanks, it works again! I had to edit 4 files (the 404's have a slightly different description).

Found a possible bug:
topic 3064698.
https://loyce.club/archive/topics/306/3064698.html
Not archieved or something wrong?
I didn't archive posts yet when that topic was created. I scraped the posts later, the first post for instance is archived as oldposts #31577013 (https://loyce.club/archive/oldposts/315/315770xx.html#msg31577013). I have those posts only sorted by msgID, not by topicID. I'm currenly processing all data, but at the rate it's going, it's going to take a few weeks to complete. It's not very efficient, and therefore takes a lot of processing power.
I only now realize I should also process these posts per userID, and I should have done that from the start, so I'll have to restart this. It'll takes a bit longer again :(
Stuff like this would be so much easier from a database, but luckily I'll only have to do this once (more).


Title: Re: CONTEST: design loyce.club home page
Post by: suchmoon on December 11, 2020, 01:13:33 AM
~

I think integer math works better for folder splits:

Code:
var thread_link = "http://loyce.club/archive/topics/" + (thread_id / 10000 >> 0) + "/" + thread_id + ".html";

No need to check for length.


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on December 11, 2020, 03:32:08 PM
No need to check for length.

I am new to this and still learning.

Why is it better not to use length?  Faster processing?


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on December 11, 2020, 03:58:41 PM
I'm still a total n00b, but that makes the code more compact, right?


Title: Re: CONTEST: design loyce.club home page
Post by: suchmoon on December 11, 2020, 04:05:52 PM
No need to check for length.

I am new to this and still learning.

Why is it better not to use length?  Faster processing?

Shorter cleaner code less prone to failure - will work for any length, or at least while LoyceV keeps 10k files per folder. Might be faster but in this case I don't think it matters much.

Granted right now what you have works fine so no real need to change until we get to 100 million posts :)

I'm still a total n00b, but that makes the code more compact, right?

Yes.

I resisted the urge to go full OCD:

Code:
var thread_link = `http://loyce.club/archive/topics/${thread_id / 10000 >> 0}/${thread_id}.html`;

because that might not work in some ancient version of Internet Explorer.


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on December 11, 2020, 04:30:43 PM
Shorter cleaner code less prone to failure - will work for any length, or at least while LoyceV keeps 10k files per folder. Might be faster but in this case I don't think it matters much.

Granted right now what you have works fine so no real need to change until we get to 100 million posts :)

Your solution  indeed looks cleaner.

But I didnt understand why would this bug with a bigger length

Code:
var topfolder = top.substring(0, top.length-4);

I am removing the last four digits, no matter the size


Title: Re: CONTEST: design loyce.club home page
Post by: suchmoon on December 11, 2020, 04:46:43 PM
I am removing the last four digits, no matter the size

I think the message ID parser takes the first 4, which won't work past 100 million.


Title: Re: CONTEST: design loyce.club home page
Post by: Maus0728 on December 11, 2020, 05:09:30 PM
Just a little suggestions with bitmover's search tool[1], it is a good practice to limit the possible entries of the user's input. In example, I can search for negative numbers and it will return nothing of course. But it is a good practice in UX to maintain inputs with less unnecessary options. To restrict the negative input in the form control, you can just simply add its minimum value.

Code:
<input type="number" min="0">

This would then limit the possible input from the user, restricting the unnecessary negative numbers. It can also be used to have the lowest possible result, like: 12 is the lowest UID, 6 is the lowest number TopicID, while 28 still remains the lowest value possible and undeleted post for mssgID (since using less than 28 would just redirects the user to the overall summary). Code to be edited are as follows:

Code:
//MESSAGEID INPUT
<input type="number" class="form-control" min="28" id="msgID" placeholder="Example: 51902990">

//TOPICID INPUT
<input type="number" class="form-control" min="6" id="topicID" placeholder="Example: 5210425 ">

//USERID INPUT
<input type="number" class="form-control" min="12" id="userID" placeholder="Example: 1554927">

[1] - loyce.club/archive/members/ (http://loyce.club/archive/members/)



This is my only suggestion but I might return on to this thread once I have more knowledge on coding.


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on December 11, 2020, 05:19:28 PM
I'll explain why I didn't continue adding a design yet: I was waiting to first update my "oldposts" into lists per user and per topic. Unfortunately, I messed up a few times, including shutting down the wrong PC, so I had to start over. It takes quite a lot of resources, and at the current rate I expect this to finish in about 3 weeks (unless I mess up again).

Meanwhile: keep the code coming :D


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on January 24, 2021, 07:30:17 PM
Made a simple responsive layout for the website. Thanks to bootstrap 4, fontAwesome, jquery. Made a very simple logo btw :D

Here's how it looks
https://i.imgur.com/bjDS9jd.gif

Sauce:
https://github.com/blankcodes/loycev.club
So.... it took me only slightly more than a year to get to use this. I'm going to add it first to my List of all Bitcoin addresses with a balance (https://bitcointalk.org/index.php?topic=5254914.0). It currently looks like a list of file names (http://addresses.loyce.club/?C=M;O=D), and I want it to look a bit like this (http://addresses.loyce.club/soon.html).
But I'm kinda stuck: total CSS-n00b here. What I'd like to do is add some better formatting, kinda like the forum's code-tags for instance, a bit less vertical white space, and some headers. But again: total CSS-n00b here :(

I choose my Bitcoin data instead of my Bitcointalk data because this are only a few pages:
Bitcoin block data available in CSV format (https://bitcointalk.org/index.php?topic=5246271.0)
List of all Bitcoin addresses with a balance (https://bitcointalk.org/index.php?topic=5254914.0)
List of all Bitcoin addresses ever used (https://bitcointalk.org/index.php?topic=5265993.0)
[~500 GB] Bitcoin block data: inputs, outputs and transactions (https://bitcointalk.org/index.php?topic=5307550.0)
My Bitcointalk data has about 6 million pages and is slightly more work.

I've added you to the footer. I should probably not do that to all 6 million pages (if I ever have the time), but this is like the least I can do.


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on January 26, 2021, 08:54:17 PM
But I'm kinda stuck: total CSS-n00b here. What I'd like to do is add some better formatting, kinda like the forum's code-tags for instance, a bit less vertical white space, and some headers. But again: total CSS-n00b here :(

Well, let me try.

Go to your http://addresses.loyce.club/css/all.css file

You will find this:
Code:
.xBlank {
  padding-top: calc(4rem + 74px);
  padding-bottom: 11rem;
}

Delete it, and add this:

Code:
.xBlank {
  padding-top: calc(2rem + 74px);
padding-bottom: 2rem;}

This will fix the vertical white space.




About code tags, you just need to add <code> </code> where you want to look like code.

35hK24tcLEWcgNA4JxpvbkNkoAcDGqQPsP, like this, right?

Just add

Code:
<code>35hK24tcLEWcgNA4JxpvbkNkoAcDGqQPsP  </code>
<code class="balance"> 25550215765875</code><br>
<code>
        3KZ526NxCVXbKwwP66RgM3pte6zW4gY1tD</code>
<code class="balance">      10185724750535</code>

and add in your Css for different colors for balance and address, if you want:
Code:
code.balance {
    color: #17324d!important;
}


You will see this effect. I think it is what you said.
https://i.imgur.com/tDfVSQ0.png



If you want to get completely rid of vetrtical space, delete the "xBlank" class from this DIV, in the HTML:
Code:
<!-- Just remove or copy the whole div/p/a/ tags from the (--start-- to --end--) -->
<div class="xBlank bg-default">


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on January 27, 2021, 09:41:30 PM
Go to your http://addresses.loyce.club/css/all.css file

You will find this:
Code:
.xBlank {
  padding-top: calc(4rem + 74px);
  padding-bottom: 11rem;
}

Delete it, and add this:

Code:
.xBlank {
  padding-top: calc(2rem + 74px);
padding-bottom: 2rem;}

This will fix the vertical white space.
I don't think this changed anything, see this test version (http://addresses.loyce.club/test/soon.html).

Quote
About code tags, you just need to add <code> </code> where you want to look like code.
~
and add in your Css for different colors for balance and address, if you want:
Thanks, that was easy. I don't need different colors, so I changed it to this:
Code:
code {
  font-size: 87.5%;
  color: #888888;
  word-break: break-word;
}
Ideally, there should be a rectangle or something around the code tags. The forum makes code tags very obvious that way.

Quote
If you want to get completely rid of vetrtical space, delete the "xBlank" class from this DIV, in the HTML:
Code:
<!-- Just remove or copy the whole div/p/a/ tags from the (--start-- to --end--) -->
<div class="xBlank bg-default">
I tried removing it, but that makes it too crowded.
On the left side of this page (http://addresses.loyce.club/soon.html), I've played around with this:
Code:
<div class="card-body text-center">
That lead to too much vertical white space, so I've also changed this (it was 1.25rem;):
Code:
.card-body {
  flex: 1 1 auto;
  padding: 0.50rem;
}
It feels like the 183 kB all.css (http://addresses.loyce.club/css/all.css) is far too advanced for what I'm using it for.


Title: Re: CONTEST: design loyce.club home page
Post by: FatFork on January 28, 2021, 12:15:23 AM
I don't think this changed anything, see this test version (http://addresses.loyce.club/test/soon.html).

This is because you have multiple instances of .xBlank class selectors in your CSS. Your CSS uses media queries to apply different styles for different media types/devices (responsive web design).
If you want to remove (reduce) vertical white space in the desktop view you need to find the following code in CSS (it should be around line 9745):

Code:
@media (min-width: 992px) {
  .xBlank {
    padding-top: calc(4rem + 104px);
    padding-bottom: 17rem;
  }

Just change the padding-bottom value and check the result.

Ideally, there should be a rectangle or something around the code tags. The forum makes code tags very obvious that way.

Add this line within the code tag CSS selector:
Code:
border: 1px solid #000000;

Maybe change the color from black to dark gray like the font color. On your example:
Code:
code {
  font-size: 87.5%;
  color: #888888;
  word-break: break-word;
  border: 1px solid #888888;
}

It feels like the 183 kB all.css (http://addresses.loyce.club/css/all.css) is far too advanced for what I'm using it for.

Yeah, it kind of is. Probably because of the use of media queries for responsive design but I bet you also have a bunch of selectors that you will never even use.



Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on January 28, 2021, 03:23:09 AM
Ideally, there should be a rectangle or something around the code tags. The forum makes code tags very obvious that way.

You can try this, github code tag style, which is very common:

Code:
code
{    padding: .2em .4em;
    margin: 0;
    background-color: rgb(243 244 244);
    border-radius: 6px;
}

https://i.imgur.com/lIOoBvy.png


You can also try <samp><pre> <var> and <kbd> tags. They are all related to coding and have pre formatted styles already.
But I think github style is what you are looking for.

Quote from: FatFork
It feels like the 183 kB all.css (http://addresses.loyce.club/css/all.css) is far too advanced for what I'm using it for.

Yeah, it kind of is. Probably because of the use of media queries for responsive design but I bet you also have a bunch of selectors that you will never even use.

There isn't much you can do. To use this layout you will need to use this css file... You can try to remove some of it, but it is not that simple (it may break some responsive stuff, or some events like some hovers,dropdown, etc).

An alternative would be to use an open web standard such as bootstrap (https://getbootstrap.com/), which would be easier to code, but it wouldn't work with this layout and the file size would be almost the same.

I think you should go to a full minimalist page or a beautiful responsive page with a 100-200kb css file like the one you are working on. It is hard to have a beautiful responsive layout with a 10kb css file...


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on February 04, 2021, 12:32:58 PM
Code:
@media (min-width: 992px) {
  .xBlank {
    padding-top: calc(4rem + 104px);
    padding-bottom: 17rem;
  }
Thanks, this worked!

Quote
Maybe change the color from black to dark gray like the font color. On your example:
Code:
code {
  font-size: 87.5%;
  color: #888888;
  word-break: break-word;
  border: 1px solid #888888;
}
This adds a border around every line, while I want/need a border around the entire code tags. See this page (http://addresses.loyce.club/soon.html).

You can try this, github code tag style, which is very common:
Code:
code
{    padding: .2em .4em;
    margin: 0;
    background-color: rgb(243 244 244);
    border-radius: 6px;
}
This has the same problem: there is white space between the lines.

Quote
I think you should go to a full minimalist page or a beautiful responsive page with a 100-200kb css file like the one you are working on. It is hard to have a beautiful responsive layout with a 10kb css file...
I don't mind the file size, but it makes it so much harder to find which part causes something.


Title: Re: CONTEST: design loyce.club home page
Post by: FatFork on February 04, 2021, 12:49:21 PM
Maybe change the color from black to dark gray like the font color. On your example:
Code:
code {
  font-size: 87.5%;
  color: #888888;
  word-break: break-word;
  border: 1px solid #888888;
}
This adds a border around every line, while I want/need a border around the entire code tags. See this page (http://addresses.loyce.club/soon.html).

The simplest solution:
- put a dot in front of the code tag in your CSS file so that it becomes a selector
for example:
Code:
.code {
    font-size: 87.5%;
    color: #888888;
    word-break: break-word;
    border: 1px solid #888888;
}
- add code selector to the parent 'div' tag in your HTML (where you want the border to apply)
for example:
Code:
<div class="card-body text-left code">

EDIT:
On your example, I would recommend adding a margin on the left and right. So, within the CSS .code selector, add this line as well:
Code:
margin: 0 0.50rem !important;

EDIT 2:
If you want to use the style suggested by bitmover, instead of border, add background-color and border-radius:
Code:
background-color: rgb(243 244 244);
border-radius: 6px;


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on February 04, 2021, 08:03:10 PM
This has the same problem: there is white space between the lines.

The problem is that the font is smaller than the line-height (87% of line-height).
 just add this to solve.
Code:
code
{    padding: .2em .4em;
    margin: 0;
    background-color: rgb(243 244 244);
    border-radius: 6px;
font-size: 100%;
}

https://i.imgur.com/wOdeEQK.png

If you want a big retangle with a background you will have add a background atribute to the DIV which contain the code tags (similar to FatFork solution).
like this:
https://i.imgur.com/OVfRixq.png

Look for this div tag, whicih contain the code tags, and add bg-light to its class. You can see other predefined colors here (https://getbootstrap.com/docs/4.0/utilities/colors/):
Code:
<div class="card-body text-left bg-light">
Sample:<br>
...
<code>



I think FatFork solution to use <div> instead of <code> is good, but you will lose semantics. The ideal would b e style the <code> tag as you want. Not a big deal anyway...


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on June 09, 2021, 01:13:30 PM
Somehow I always end up procrastinating updating the design. I like data much more than graphical stuff.
However, with all the above tips, I managed to add a design to addresses.loyce.club (http://addresses.loyce.club/):
https://loyce.club/other/design1.png

And (very imporant of course) addresses.loyce.club/donations.html (http://addresses.loyce.club/donations.html)
https://loyce.club/other/design2.png

Unfortunately, some of the other links on top aren't working at the moment (cheap servers tend to disappear after a while). Long-term, I want to add this design to loyce.club (https://loyce.club/)'s main page too. But first, I should get a bit more comfortable with the CSS. It still feels like I don't really know what I'm doing with CSS, so this took quite some time. Ideally, I'd like to strip most of the unused stuff out, a much smaller file is easier to use.


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on June 09, 2021, 03:01:17 PM
Somehow I always end up procrastinating updating the design. I like data much more than graphical stuff.
However, with all the above tips, I managed to add a design to addresses.loyce.club (http://addresses.loyce.club/):

Congrats! I know how it is hard to work with someone else's code, specially when you are learning a new language.! Well done!

Quote
Unfortunately, some of the other links on top aren't working at the moment (cheap servers tend to disappear after a while). Long-term, I want to add this design to loyce.club (https://loyce.club/)'s main page too. But first, I should get a bit more comfortable with the CSS. It still feels like I don't really know what I'm doing with CSS, so this took quite some time. Ideally, I'd like to strip most of the unused stuff out, a much smaller file is easier to use.

If you wnat to  learn CSS, i think it will be fast and easier if you take a look at this css framework https://getbootstrap.com/
It is an amazing framework, used everywhere. It is simple to use and will save you a lot of time coding (your current design uses a few bootstrap elements)

I managed to fix your footer, which was not displaying correctly

in the begining of your page, add the class pb-0 (which means padding-bottom:0) in your div:
Code:
<div class="xBlank bg-default pb-0">


Then, you should move your footer section tag outside of the container div (The Container class is what make that horizontal padding/margins around your page, centering it. Your footer and your navbar should not be inside it.)

Code:
<div class="xBlank bg-default pb-0">
<div class="container d-flex flex-column body-div txt-color">
page content
...
</div>
<!--Footer -->
<section class="copyright py-4 text-center text-white">
</div>

something like this.

This is the image with the full code

https://i.imgur.com/A4851O5.png


Title: Re: CONTEST: design loyce.club home page
Post by: jamyr on June 09, 2021, 10:47:23 PM
~
However, with all the above tips, I managed to add a design to addresses.loyce.club (http://addresses.loyce.club/):
~

http://addresses.loyce.club/img/bitcoin-blockchain.png

While I'm staring at this I imagine a very happy man walking in this direction <--
with a ponytailed hair.

Sorry what exactly is the inspiration of this logo?



Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on June 10, 2021, 11:21:28 AM
If you wnat to  learn CSS, i think it will be fast and easier if you take a look at this css framework https://getbootstrap.com/
It is an amazing framework, used everywhere. It is simple to use and will save you a lot of time coding (your current design uses a few bootstrap elements)
I wouldn't mind, but I don't really have the time. And I'm just really not good at designing anything graphical (apart from the code part).

Quote
I managed to fix your footer, which was not displaying correctly
Thanks for that, I didn't even notice it's different on the two pages. I wasn't sure exactly where to put your suggestions. So instead, I compared http://addresses.loyce.club/ and http://addresses.loyce.club/donations.html: the latter was missing header-tags. So I changed a <div> into <header>, and the footer looks okay now.

Sorry what exactly is the inspiration of this logo?
You'll have to ask bL4nkcode, he got me the logo.


Title: Re: CONTEST: design loyce.club home page
Post by: bL4nkcode on June 11, 2021, 04:43:40 PM
Sorry what exactly is the inspiration of this logo?
You'll have to ask bL4nkcode, he got me the logo.
Nothing special, I just made reference a blockchain network style and bitcoin ;D.

Fun fact I was a long haired/ponytail haired guy when I created that back then. :D


Title: Re: CONTEST: design loyce.club home page
Post by: FatFork on June 11, 2021, 08:20:33 PM
... Ideally, I'd like to strip most of the unused stuff out, a much smaller file is easier to use.

If you like, I can put together a lightweight template based on the current design that will be easier for you to implement since it will only contain the bare-bones CSS code. Starting from scratch is sometimes more efficient than trying to remove unnecessary bits from the existing code.

It looks like you are not rushing to update the new design, which fits my schedule as well. ;D


Title: Re: CONTEST: design loyce.club home page
Post by: LoyceV on June 12, 2021, 03:01:06 PM
If you like, I can put together a lightweight template based on the current design that will be easier for you to implement since it will only contain the bare-bones CSS code. Starting from scratch is sometimes more efficient than trying to remove unnecessary bits from the existing code.
Do you mean you'll copy all used items from addresses.loyce.club/css/all.css (http://addresses.loyce.club/css/all.css)? Or start from scratch?
I appreciate the offer :)


Title: Re: CONTEST: design loyce.club home page
Post by: bitmover on June 12, 2021, 08:22:20 PM
If you like, I can put together a lightweight template based on the current design that will be easier for you to implement since it will only contain the bare-bones CSS code. Starting from scratch is sometimes more efficient than trying to remove unnecessary bits from the existing code.
Do you mean you'll copy all used items from addresses.loyce.club/css/all.css (http://addresses.loyce.club/css/all.css)? Or start from scratch?
I appreciate the offer :)

There are some websites that do that automatically (removed unused css)  However,  some functionality may break while doing so. But I think it is worth trying

This one I have used a few times
https://purifycss.online/

Just enter your url and you will receive a "clean " css with all unused css removed.

As I said  some functionality (for example,  some hover components) may break. But it is possible that nothing will happen, as the design is simple.

Fatfork idea is good because he will create a new template with simple css (if I understood correctly)