what in your opinion would be the perfect homepage?
One that doesn't require JavaScript for basic functions.
Take inspiration from these:
All your homepage content should be encoded in the URL like this:
that's horrifying
I guess you won't have broken links, but then if everyone did that the web can't have cycles.
Just binary programs that run on your machine not interpreted text
White background. Black text. 50em width. Centered.
>>7
I prefer darkblue background and white text.
>>7
I prefer 80em, and have been leaning towards left-aligned instead of centred content.
* bloat so the page takes years to load
* loads of JS that's required to render anything
* loads of JS that mines crypto on the users machines
* loads of JS that sends everybody's data to Google, the FBI, and the CCP
* ton of ads
* loads of tracking
* more tracking
* totally meaningless but SEO content that shows at the top of Google
* totally unreadable content
* JS
* more JS
* more more JS
* unoptimized images
* be stupidly verbose and fluff your content for length
* be stupidly repetitive and fluff your content for length
* ai generate everything
* don't support RSS feeds
* actually, don't support any open standards whatsoever
* have a popup asking for user's email, name, and all their personal info every 0.00001 seconds
* make the site as printer-unfriendly as possible
* make the site totally break if the reader has any privacy tech running (libre browser, TOR, anti-tracking etc.)
* don't add transcripts to videos
* load additional JS
>>10
Villain Arc
>>8 Dark mode is not illegal either. I also think as long as the page is less than 1MB you are doing fine.
>>10
Forgot a couple:
*Cloudflare that requires js and takes a while to "check" before you can access
*A pop up message that appears while you're reading and asks you to accept cookies, taking up the whole screen
*Som weird CSS/js pair that shifts things around as they load so they move from under your mouse as you are about to click on them, leading you elsewhere
*ads
*popup ads
*ads that try to get you to download a trojan
Dark mode is quite cheap in css:
1. Dark text on light background, textboard.org style
2. Put this in:
@media screen and (prefers-color-scheme: dark) {
body { background-color: black; color: white; }
}
>>3 based retard
>>10 Those are my favorite websites
>>14
everything after css 2.1 is heresy
>>17
css was a mistake
"bgcolor" is better than "background-color"
>>18
CSS has background property which can be used like background: #fff;
I'm okay with the kinda long property names but I wish there was a better system for responsive design than flexbox and grid.
Don't care anyways, never had to write css, I copy stuff from GitHub whenever I need it.
>>19
the problem is not that they are long
the problem is that html attributes already exist so css is bloat
>>20
HTML is supposed to markup semantics, it is not supposed to describe presentation.
This anti-"bloat" group is the most retarded group online.
Does no real programming, rewrites popular software while removing random features without considering why it exists in the first place.
Would like to specify this does not include the entirety of Vim and Emacs users but there is an overlap.
>>22
What do you know, fatso. I bet you're bloated irl just like your IDE.
>>21
no, abstractly it is assumed
but for the sake of bloat, you resort to css
Aside the descending quality of this board, it depends on functionality and your own taste.
Why someone would land on your homepage?
You may present articles you wrote (e.g. https://dataswamp.org/~solene/ )
You may present research notes you found or wrote (e.g. https://okmij.org/ftp/ -- notice the GNU-info like page sorting)
You may simply have a contact address or just "Page intentionally left blank." or other jokes.
Depending on your taste then you can arrange content on you page.
I personally prefer a simple and clean design, you don't even need much css.
Then you may add some javascript so people can select and share highlighted text.
This is the only javascript I have. It allows me to select some text, automatically append a hash to the URL so that people can see what I highlight when I share the link.
function findPos(obj) {
var curtop = 0;
while (obj && obj.offsetParent) {
curtop += obj.offsetTop; // todo: + webkit-transform
obj = obj.offsetParent;
}
return curtop;
}
var artificial = null;
var prevhash = "";
function scrollToHash() {
if (document.location.hash.replace(/^#/, "")==prevhash.replace(/^#/, ""))
return;
prevhash = document.location.hash;
if (document.location.hash.match(/#[0-9.]+%/)) {
var p = parseFloat(document.location.hash.substring(1));
if (0 < p && p < 100 /*&& p%5 != 0*/) {
// var content = document.getElementById("CONTENT")
var content = document.body;
var y = findPos(content) + (content.offsetHeight)*p/100;
window.scrollTo(0, y-16);
}
}
var adr = document.location.hash.match(/selection-(\d+).(\d+)-(\d+).(\d+)/);
if (adr) {
var pos=0,begin=null,end=null;
function recur(e) {
if (e.nodeType==1) pos = (pos&~1)+2;
if (e.nodeType==3) pos = pos|1;
if (pos==adr[1]) begin=[e, adr[2]];
if (pos==adr[3]) end =[e, adr[4]];
for (var i=0; i<e.childNodes.length; i++)
recur(e.childNodes[i]);
if (e.childNodes.length>0 && e.lastChild.nodeType==3)
pos = (pos&~1)+2;
}
// remove old "artificial" span if any
if (artificial) {
artificial.previousSibling.data += artificial.childNodes[0].data;
artificial.parentNode.removeChild(artificial);
}
// var content = document.getElementById("CONTENT");
// recur(content.childNodes[content.childNodes[0].nodeType==3 ? 1 : 0]);
var content = document.body;
recur(content);
if (begin!=null && end!=null) {
// scroll to selection
if (begin[0].nodeType==3) {
var text = document.createTextNode(begin[0].data.substr(0, begin[1]));
artificial = document.createElement("SPAN");
artificial.appendChild(document.createTextNode(begin[0].data.substr(begin[1])));
begin[0].parentNode.insertBefore(text, begin[0]);
begin[0].parentNode.replaceChild(artificial, begin[0]);
if (end[0]===begin[0])
end = [artificial.childNodes[0], end[1]-begin[1]];
begin = [artificial.childNodes[0], 0];
/* window.scrollTo(0, findPos(artificial)-8); */ artificial.scrollIntoView(true);
} else if (begin[0].nodeType==1) {
/* window.scrollTo(0, findPos(begin[0])-8); */ begin[0].scrollIntoView(true);
}
if (window.getSelection) {
var sel = window.getSelection();
sel.removeAllRanges();
var range = document.createRange();
range.setStart(begin[0], begin[1]);
range.setEnd ( end[0], end[1]);
sel.addRange(range);
} else if (document.selection) { // IE
}
}
}
}
window.onhashchange = scrollToHash;
var initScrollToHashDone = false;
function initScrollToHash() {
if (!initScrollToHashDone) {
initScrollToHashDone = true;
scrollToHash();
}
}
window.onload = initScrollToHash;
setTimeout(initScrollToHash, 500); /* onload can be delayed by counter code */
document.onselectionchange = /* only webkit has working document.onselectionchange */
document.onmousedown = document.onmouseup = function(e) {
var newhash = "";
if (window.getSelection) {
var sel=window.getSelection();
if (!sel.isCollapsed) {
var pos=0,begin=[0,0],end=[0,0];
var range=sel.getRangeAt(0);
function recur(e) {
if (e===artificial) {
if (range.startContainer===e.childNodes[0]) begin=[pos, e.previousSibling.data.length+range.startOffset];
if (range.endContainer ===e.childNodes[0]) end =[pos, e.previousSibling.data.length+range.endOffset ];
} else {
if (e.nodeType==1) pos = (pos&~1)+2;
if (e.nodeType==3) pos = pos|1;
if (range.startContainer===e) begin=[pos, range.startOffset];
if (range.endContainer ===e) end =[pos, range.endOffset ];
for (var i=0; i<e.childNodes.length; i++)
recur(e.childNodes[i]);
if (e.childNodes.length>0 && e.lastChild.nodeType==3)
pos = (pos&~1)+2;
}
}
// var content = document.getElementById("CONTENT");
// recur(content.childNodes[content.childNodes[0].nodeType==3 ? 1 : 0]);
var content = document.body;
recur(content);
if (begin[0]>0 && end[0]>0) {
newhash = "selection-"+begin[0]+"."+begin[1]+"-"+end[0]+"."+end[1];
}
}
} else if (document.selection) { // IE
}
try {
var oldhash = location.hash.replace(/^#/, "");
if (oldhash != newhash) {
prevhash = newhash; /* avoid firing window.onhashchange and scrolling */
if (history.replaceState)
history.replaceState('', document.title, newhash=="" ? window.location.pathname + window.location.search : '#'+newhash);
else
location.hash = newhash;
}
} catch(e) {
}
};
>>25
https://paste.textboard.org/
Nobody wants to see that shit.
>>26
weak.