CONTEST: design loyce.club home page

[LoyceV]

I would like to join in this contest with my design.

I responded in your topic

^ First thing that came to mind was Metamask.

I didn't know the logo, but it looks like it indeed.

[1715333557]

1715333557

[Peanutswar]

^ 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.

[examplens]

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 

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), and it's probably quite easy to make for someone who knows this.

[bitmover]

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)

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), 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.

[LoyceV]

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.

[bitmover]

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.

[LoyceV]

ok, I can do it with javascript .

Is that client side? I prefer not to run any scripts.

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

Yes.

[dkbit98]

LoyceV is not a fox despite foxpup avatar  
As bitcointalk members will use this website, maybe we should also vote on designs to help LoyceV make better decision.

[examplens]

LoyceV is not a fox despite foxpup avatar  
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.

[bitmover]

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

[LoyceV]

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.

[bitmover]

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

[bitmover]

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

[LoyceV]

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?

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)

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

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?

[MMM005]

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?

[MMM005]

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

[bitmover]

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.

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.

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!

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.

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

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

[LoyceV]

~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.

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

There's some overlap, but 51904009 is the first archive post with correct CSS. One post older 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 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

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

Great!

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".

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.

Please feel free to change text/instructions/title etc

I will

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.

[bitmover]

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

[LoyceV]

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)