~alcinnz/argonaut-constellation.org

ref: 2e397463757e7e14a3a7a8fae7f5fb84aa7b3dc8 argonaut-constellation.org/index.html -rw-r--r-- 5.2 KiB
2e397463 — Adrian Cochrane Blog text rendering details. 1 year, 8 months ago 
                                                                                
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>