-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlinks-en.html
162 lines (126 loc) · 5.75 KB
/
links-en.html
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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="Vert Partout, sticker shop and infos" content="Vert Partout / cyborg.bf">
<meta name="keywords" content="art, queer, montreal, stickers, art prints, zines, poésie, poésie queer, poésie québécoise, fanzines, autopublication, LGBTQ, gay">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Vert Partout</title>
<link rel="icon" href="favicon.png">
<!-- external CSS link -->
<link rel="stylesheet" media="screen" href="https://fontlibrary.org//face/pixel-operator" type="text/css" />
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/eyes.css">
</head>
<body>
<!-- Header -->
<header>
<!--image de bannière -->
<h1 class="right-all"> <a href="https://www.cyborg-bf.com/">Vert Partout / cyborg.bf</a></h1>
<!-- Nav wrapper -->
<nav id="hamnav">
<!-- hamburger menu -->
<label for="hamburger">≥</label>
<input type="checkbox" id="hamburger" />
<!-- menu items -->
<ul id="hamitems">
<li><a href="index-en.html">Home</a></li>
<li><a href="shop-en.html">"Shop"</a></li>
<li><a href="about-en.html">Infos</a></li>
<li class="current"><a href="links-en.html">Links</a></li>
<li><a href="links.html">FRANÇAIS</a></li>
</ul>
</nav>
</header>
<!-- main -->
<main class="links">
<section>
<h2 class="center">Links to stuff I think are cool to read or look at</h2>
<p class = "center">If you have a cool website you want me to link to, let me know, and feel free to link to mine :)</p>
<p class="center">This section is incomplete, I'll keep adding to it</p>
</section>
<section id="reading">
<h3>PDFs you can read right now </h3>
<p>Get all the pdfs you want : <a href="http://libgen.rs/">Library Genesis</a> ;</p>
<p>You should read Stone Butch Blues : <a href="docs/Feinberg-StoneButchBlues.pdf">Stone Butch Blues</a> ;</p>
<h3>Cool blogs (friends and strangers) </h3>
<p>Poetry website : <a href="https://anarchive.mooo.com/">anarchive.moo.com</a> ;</p>
<p>Friend's blog : <a href="https://lenymphpoete.com/">lenymphpoete.com</a> ;</p>
<p>Anne Archet is funny : <a href="https://excel-eroti.ca/about/">Excel Erotica</a> ;</p>
<p>Friend's blog : <a href="https://aupieddelahautemontagne.wordpress.com">aupieddelahautemontagne.wordpress.com</a> ;</p>
<h3>Reading recs <br>(that I can't give you pdfs for) </h3>
<p>Ocean Vuong (poet that I really love) : <a href="https://www.oceanvuong.com/">oceanvuong.com</a> ;</p>
<p>Billy-Ray Belcourt (poet that I also really love) : <a href="https://billy-raybelcourt.com/">billy-raybelcourt.com</a> ;</p>
</section>
<section id="tech">
<h3>Fun tools </h3>
<p>Super awesome command-line image editing tool : <a href="https://imagemagick.org/">ImageMagick</a> ;</p>
<p>Fun old-school JS effects for your website : <a href="http://www.mf2fm.com/rv/">mf2fm.com/rv</a> ;</p>
<p>Make a badge for your website : <a href="http://www.acasystems.com/en/button-maker/">badge maker</a> ;</p>
<p>Learn to make websites the fun, old-web way : <a href="https://learn.sadgrl.online/">learn.sadgrl.online</a> ;</p>
<h3>Tech stuff</h3>
<p>Cool project : <a href="https://tebibyte.media/blog/hello-world/">tebibyte.media</a> ;</p>
<h3>Art stuff</h3>
<p>Databending tutorials : <a href="https://nickbriz.com/databending101/index.html">nickbriz.com</a> ;</p>
<p>Critical Code Recipes : <a href="https://criticalcode.recipes/">criticalcode.recipes</a> ;</p>
<p>Cool analog photography collective : <a href="https://trounoirdarkroom.com">trounoirdarkroom.com</a> ;</p>
<h3>Strange stuff</h3>
<p><a href="https://iamtired.online/">iamtired.online</a> ;</p>
</section>
<!--
pdf to le guin (vérifier si ok)
pdf to haraway (vérifier si ok)
sandy stone, stryker, etc
ursula le guin audiobooks -->
<!-- really beautiful youtube video of a reading by ocean vuong
liens ressources sadgirl online
<li>cool adblocker trick<a href="https://sadgrl.online/cyberspace/block-ads.html"></a></li>
<li>open source alternatives to everything<a href="https://switching.software/"></a></li>
https://wizardzines.com/comics/
(idk si poésie ou tech)
<h3>Funny useless web sites</h3>
useless websites : https://onesquareminesweeper.com/
http://www.staggeringbeauty.com/ (warning flashing lights)
https://smashthewalls.com/
https://checkboxrace.com/
http://drawing.garden/ (very cute, might make something similar later)
take me to a useless website :https://theuselessweb.com/ (i have not seen all of them and i do not endorse what the randomness will show you)
(vérifier où va ceci)
https://sadgrl.online/magnet-poetry/ -->
</main>
<!-- Footer -->
<footer class="flex-container no-flex-when-small">
<!-- glowing eyes -->
<section class="flex">
<div class="eyes">
<div class="pupil">
</div>
</div>
<div class="space">
</div>
<div class="eyes">
<div class="pupil">
</div>
</div>
</section>
<!-- rest of footer information -->
<section>
<div class="right-all">
<h4>Vert Partout</h4>
<h5><em>homme du Renaissance</em></h5>
</div>
<div class="right-all">
<ul>
<li>email : <a href="mailto:vert.p@protonmail.com">vert.p@protonmail.com</a></li>
<li>instagram : <a href="https://www.instagram.com/cyborg.bf/">@cyborg.bf</a></li>
<li>bibliogram : <a href="https://bibliogram.art/u/cyborg.bf">@cyborg.bf</a></li>
<li>fediverse : <a rel="me" href="https://tech.lgbt/web/@grepfruit">grepfruit@tech.lgbt</a></li>
<li><a href="https://github.com/grep-fruit">github</a></li>
<li><a href="https://cyborgbf.threadless.com/">threadless shop</a></li>
</ul>
</div>
</section>
</footer>
</body>
</html>