~alcinnz/argonaut-constellation.org

ref: af284e5567b05ddbf3a0045afd0f400ffc3a9453 argonaut-constellation.org/index.html -rw-r--r-- 5.2 KiB
af284e55 — Adrian Cochrane Blog about my opposition to DRM. 1 year, 9 months ago
                                                                                
da1ec90f Adrian Cochrane
c404a268 Adrian Cochrane
da1ec90f Adrian Cochrane
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
<!DOCTYPE html>
<html>
<head>
  <meta encoding="utf-8" />
  <title>Argonaut Constellation</title>
  <style>
    body {
        text-align: center;
        font-family: sans-serif;
    }
    main {
        display: flex;
        flex-wrap: wrap;
    }
    section {
        flex: 1;
        margin: 15px;
        min-width: 40ch;
    }
    figure {
        text-align: left;
        margin: 10px;
    }
    figure img {float: left;}
  </style>
</head>
<body>
  <h1>The Argonaut Constellation</h1>
  <nav><a href="blog">Blog</a></nav>
  <p>The "Argonaut Constellation" refers to a range of software projects aiming
    to illustrate the potential for a more private JavaScript-free web to work
    better for anyone on any conceivable device.</p>
  <main>
    <section>
      <h2>Argonaut Suite</h2>
      <p>The "Argonaut Suite" refers to browsers, browser-engines, & the like
        targetting different mediums.</p>

      <figure>
        <img src="rhapsode.png" alt="Purple & pink bat hugging the globe whilst
            emitting a blue sonar signal." />
        <h3><a href="https://www.rhapsode-web.org/">Rhapsode</a></h3>
        <p>Auditory browser</p>
      </figure>
      <figure>
        <h3><a href="https://www.rhapsode-web.org/amphiarao">Amphiarao</a></h3>
        <p>Webpage debugger</p>
        <p>Compatible with Selenium or any browser supporting webforms.</p>
      </figure>
      <figure>
        <h3><a href="https://haphaestus.org/">Haphaestus</a></h3>
        <p>Visual browser designed for use with TV remotes. (in-progress)</p>
      </figure>
    </section>
    <section>
      <h2>Argonaut Stack</h2>
      <p>The "Argonaut Stack" refers to reusable
        <a href="https://haskell.org/">Haskell</a> modules implementing
        the different tasks required to render a webpage.</p>

      <figure>
        <h3><a href="https://hackage.haskell.org/package/hurl">HURL</a></h3>
        <p>Haskell URL resolver</p>
      </figure>
      <figure>
        <h3><a href="https://hackage.haskell.org/package/stylist">Haskell Stylist</a></h3>
        <p>CSS styling engine</p>
      </figure>
      <figure>
        <h3><a href="https://hackage.haskell.org/package/harfbuzz-pure">Harfbuzz-Pure</a></h3>
        <p><a href="">Harfbuzz</a> language-bindings</p>
      </figure>
      <p><em>More to come!</em></p>
    </section>
    <section>
      <h2>Friends</h2>
      <p>These are <em>some</em> 3rd party projects we make heavy use of! <br />
        Thank you!</p>

      <figure>
        <img src="haskell.png"
            alt="Purple '>>=' operator combined with a lambda character." />
        <h3><a href="https://haskell.org/">Haskell</a></h3>
        <p>Pure-functional programming language</p>
      </figure>
      <figure>
        <h3><a href="https://hackage.haskell.org/package/text">Text</a></h3>
      </figure>
      <figure>
        <h3><a href="https://hackage.haskell.org/package/bytestring">ByteString</a></h3>
      </figure>
      <hr />
      <figure>
        <h3><a href="https://hackage.haskell.org/package/network-uri">Network URI</a></h3>
      </figure>
      <figure>
        <h3><a href="https://hackage.haskell.org/package/http-client-tls">
            http-client-tls</a></h3>
      </figure>
      <figure>
        <h3><a href="https://hackage.haskell.org/package/xml-conduit">XML Conduit</a></h3>
      </figure>
      <figure>
        <h3><a href="https://hackage.haskell.org/package/css-syntax">Haskell CSS Syntax
            </a></h3>
      </figure>
      <hr />
      <figure>
        <img src="espeak.png" alt="red-coloured lips forming an open mouth,
            labeled beneath as 'eSpeak'." />
        <h3><a href="https://github.com/espeak-ng/espeak-ng">eSpeak NG</a></h3>
        <p>Text-to-speech</p>
      </figure>
      <figure>
        <img src="voice2json.png" alt="Green curly brackets, pipes, & colon characters
            sized to resemble a sinasoidal soundwave." />
        <h3><a href="https://voice2json.org/">Voice2JSON</a></h3>
        <p>Speech-to-text + intent parsing</p>
      </figure>
      <hr />
      <figure>
        <h3><a href="https://fontconfig.org/">FontConfig</a></h3>
        <p>Selects system or app fontfiles</p>
      </figure>
      <figure>
        <img src="HarfBuzz.png" alt="The name 'Harfbuzz' written in Persian." />
        <h3><a href="https://harfbuzz.github.io/">Harfbuzz</a></h3>
        <p>Selects "glyphs" from a font to represent the text</p>
        <p>Crucial for internationalized text rendering</p>
      </figure>
      <figure>
        <img src="freetype.png" alt="The words 'the FreeType Project' with a
            blue calligraphic background." />
        <h3><a href="https://freetype.org/">FreeType</a></h3>
        <p>Parses, queries, & rasterizes fontfiles</p>
      </figure>
      <hr />
      <figure>
        <img src="JuicyPixels.png" alt="a pixelated cartoon orange with green leaf." />
        <h3><a href="https://hackage.haskell.org/package/JuicyPixels">Juicy Pixels
            </a></h3>
        <p>Image loading/saving</p>
      </figure>
      <figure>
        <h3><a href="https://hackage.haskell.org/package/rasterific-svg">
            Rasterific SVG</a></h3>
        <p>Renders SVG images</p>
      </figure>
      <p><em>And so much <strong>more</strong>!</em></p>
    </section>
  </main>
</body>
</html>