1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.7" />
<title>Surf Club Zine #1</title>
<link href="index.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="wrapper">
<header>
<h1>How to fill your website<br><small>or how random things best fill space</small></h1>
</header>
<article>
<!--TABLE OF CONTENTS ??-->
<!--goofy gifs-->
<!--random facts-->
<!--random quote(s)-->
<!--examples (links)-->
<!--vides/epuré bof bof paske pas de contenu-->
<!--ok not to have a lot of content + might take time-->
<h2 id="intro">Introduction - Have you ever been in front of a blank page ?</h2>
<p>Yeaaaaah this is the feeling I'm talking about: this void you have to fill, this immaculate sheet you need to stain,
this frightening emptiness you are staring at, the blank page. You have probably already faced it,
be it a sheet of paper, words that don't come to your mind, or in our (rather specific, I know,) case,
your personal website.</p>
<p>In this guide I want to give tips about coming up with the content of your personal webpage.
Styling your website is something covered in many guides, and you can find plenty of inspiration just by lurking at other sites.
+ I think it's a lot more fun to fiddle with css for hours
But when it comes to writing some material, I'm back to school writing an essay, like what the hell this isn't school I should be having fun urgh
</p>
<p>Anyways I hope this will prove to be helpful, happy creating your online home !</p>
<h2 id="beginning">The "obvious" - <small>What's obvious isn't always obvious</small></h2>
<p>This is your homepage, so it reflects who you are. This space is yours, it is your home, it is you.
You can always start by presenting yourself, or whoever you want to be for the online neighborhood (but trust me, being yourself is better).
I don't mean putting like all your info, this is still the internet so protect yourself, but just the basics, like your name/pseudonym, your hobbys/interests, why you chose that pseudonym,
what got you to build your house on the internet, links to some friends or people you admire 's websites...
</p>
<h2></h2>
<h2>Okay see this is a great example:</h2>
<div class="example">
<h3>How to make toast:</h3>
<p>I recently learned that it is possible to put bread in a magic box and thus doing so it can be found to be the case that indeed! Toast! TOAST! Its born from the box, its created from that firefly shadow realm of grooves and grids. My guide leads your forth, it shows the way to the toast and tells of times that may yet to come.</p>
<h4>Basic Toast steps:</h4>
<ul>
<li>Aquire bread from the place</li>
<li>Chop it up to slices fine and even</li>
<li>Put a slice in the toaster, ensuring to remove your hand</li>
<li>Pull the toaster lever to apply the fire</li>
<li>Have a wild short rave and praise Fortuna and the gods of old</li>
<li>POP - your toast is done</li>
<li>Apply the butter are marmalade and enjoy ur toast</li>
</ul>
<h4>Toast - an example:</h4>
<img src="images/toast.jpg" />
<p>This guide was written for you by the toast pirate! Dream of me and ye shall find toast at the end of your voyage!</p>
<p><small>This example was <s>stolen</s> borrowed from the template made by <a href="https://melonland.net">Melon</a></small></p>
</div>
<p>See what I mean ? See how much place this takes, just for some obvious goofy over-detailed recipe of Toast ?</p>
<p>Here's another one just for fun (and maybe because I know the recipe)</p>
<div class="example">
<h3>How to make pasta:</h3>
<p>I recently learned that it is possible to put pasta in a magic box and thus doing so it can be found to be the case that indeed! Pasta! PASTA! Its born from the box, its created from that firefly shadow realm of grooves and grids. My guide leads your forth, it shows the way to the pasta and tells of times that may yet to come.</p>
<h4>Basic Pasta steps:</h4>
<ul>
<li>Acquire water from the tap and store it in a cooking pan</li>
<li>Place the pan on the stove, and turn it on a max power</li>
<li>Place a lid on the pan</li>
<li>If you have made it this far, you can go stare at the window for a few minutes</li>
<li>As a friend once said, it's good "when there are bubbles", then you add a random amount of salt in the boiling water</li>
<li>Acquire pasta from the place</li>
<li>Insert the pasta into the pan</li>
<li>IF THE PREVIOUS STEP DIDN'T WORK : TRY REMOVING THE LID FROM THE PAN</li>
<li>Wait for the amound of time indicated on the package (careful, I once overcooked some pasta from a different package, thinking the time would be the same)</li>
<li>Perform an extraction of the pasta molecules from the aqueous solution</li>
<li>Store the pasta on a plate, and add whatever your heart wishes to add</li>
<li>eat.</li>
</ul>
<h4>Pasta - an example (sadly these aren't mine...):</h4>
<img src="images/pasta.jpeg" />
</div>
<h2 id="debate">Leaving blank spaces - <small>how ok is it ?</small></h2>
<p>Let's first take some examples:</p>
<div class="example">
<h3><a href="https://www.ibanez.com/usa/">Ibanez' website</a></h3>
<img src="images/ibanez.png" alt="The Ibanez Guitars website, because I really like this brand">
<p>I really like Ibanez guitars, but wow, their whole website just feels haughty and it feels like it's looking down on you.
This make sense for me at least. This image is what you see first when accessing the website: your sight is drawn
to the zooming picture of the instruments, HEY LOOK HERE'S A PRODUCT YOU SHOULD BUY, just a quick vague description of what you'are looking at, but then that's all,
you've already forgotten what you had came here for. I hope I don't make it sound like I'm insulting Ibanez,
but their website falls into the stereotype of a big company advertisement.
</p>
<hr>
<h3><a href="https://sugarforbrains.neocities.org">Benny's website</a></h3>
<img src="images/sugarforbrains.png" alt="A screenshot of the website"/>
<p>This one is a good example of filling space with content, and if you look closely, there are a few paragraphs but still tons of texts. The place looks a bit compact, but so welcoming at the same time.
Like of course you're gonna tell me the styling and design and colors and stuff do a lot, but most of it is text.
</p>
</div>
<p>I think the answer to "How much 'blank' space should there be ?" is debatable. Generally speaking,
there seems to be a tendency for big company websites to use some rather simplistic designs,
prefering some big empty pages with few huge texts and plain backgrounds, but I don't know, there's something wrong and unfriendly to it.
On the contrary, if your website is supposed to be an expression of yourself, you wouldn't want the place to be mostly empty.</p>
<h3>About background contents</h3>
<h3>About side blanks</h3>
<h2>Why it's okay to leave blank spaces - <small>and why it's supposed to take time</small></h2>
</article>
</div>
<!-- <audio autoplay loop>
<source src="/your-song.mp3" type="audio/mpeg">
</audio> -->
</body>
</html>
|
