-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
142 lines (130 loc) · 5.08 KB
/
index.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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<title>MindFlare</title>
<meta name="apple-mobile-web-app-title" content="MindFlare">
<meta name="application-name" content="MindFlare">
<meta name="theme-color" content="#ffffff">
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Product",
"name" : "MindFlare",
"image" : "https://screensailor.github.io/mindflare/AppIcon1024.png",
"description" : "TODO",
"brand" : {
"@type" : "Brand",
"name" : "Milos & Slavica"
}
}
</script>
<script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="bower_components/google-youtube/google-youtube.html">
<style>
body {
margin: 0px;
text-align: center;
background-color: white !important;
margin-left: auto;
margin-right: auto;
}
body, h1, h2, p {
font-family: sans-serif;
font-weight: lighter;
}
h1, h2, p {
padding: 0.5em;
}
h1 {
margin-bottom: 0px;
}
h2 {
margin-top: 0px;
font-size: 1.2em;
}
.smalltext {
font-size: 0.67em;
}
a {
text-decoration: none;
color: rgb(0, 68, 124);
}
a:hover {
color: rgb(0, 119, 255);
}
a#privacy {
color: black;
cursor: default;
}
h1, a {
text-shadow:
0em 0em 0.25em white,
0em 0.25em 0.2em rgba(0, 0, 0, 0.2);
}
google-youtube {
width: 100vw !important;
height: 62.5vw !important;
max-width: 106.56vh !important;
max-height: 80vh !important;
margin-left: auto;
margin-right: auto;
}
#app-store-badge {
margin: 1.2em;
text-align: center;
}
.nowrap {
white-space: nowrap;
}
article {
max-width: 42em;
margin-left: auto;
margin-right: auto;
text-align: left;
}
article li {
margin: 0.5em;
}
</style>
</head>
<body>
<google-youtube
list-type="playlist"
list="PLD_QJNMMoontiVunqHjB6qvnSoOHY-tXl"
video-id="jGmFuq5DSwQ"
playsinline="1"
fluid="1"
loop="1"
rel="0">
</google-youtube>
<p class="smalltext">This is a YouTube playlist of tutorial videos.<br />Use the controls of the video player to navigate or just sit back and enjoy the playlist as a whole.</p>
<h1>MindFlare</h1>
<h2>
<span class="nowrap">Knowledge management,</span> <span class="nowrap">recurrent mind maps</span> and <span class="nowrap">code generators.</span>
</h2>
<div id="app-store-badge">
<a href="https://apps.apple.com/app/mindflare/id1608730167">
<img src="Download_on_the_Mac_App_Store_Badge_US-UK_RGB_blk_092917.svg">
</a>
</div>
<article>
<p>Naming things is hard... Naming things so that they amount to a system of ideas, features, or modules is frighteningly difficult. MindFlare is a namespace editor. Use it to create, edit and evolve your organisation's ontology, schemas, mind maps, task outlines and... well, names in general, so that together they amount to a unified system, fully expressive of your collective reality and aspirations.</p>
<p>We have great plans for MindFlare, but this first version can already be used to:</p>
<ul>
<li>Edit tree-like information, like mind maps and task outlines, that are much larger than would be feasible to edit using conventional mind map editors - see Alice in Wonderland example in the app with nearly 25,000 nodes!</li>
<li>Define inheritance relationships between nodes in the data graph that add enormous expressive power over plain tree data.</li>
<li>Create generative namespaces (or grammars) using such self-referential mind maps.</li>
<li>Export these grammars as code in any number of programming languages.</li>
</ul>
<p>We are starting with just a couple of code generators, but the heart of MindFlare is developed as an open source library at <a href="https://github.com/thousandyears/Lexicon">github.com/thousandyears/Lexicon</a>, which you can extend with your own generators and, if you are so inclined, contribute a reference to them in LexiconGenerators module, which allows MindFlare to list them as additional export options - so everyone else can use them too :)</p>
<p>MindFlare, self-referential mind maps, generative namespaces and lexicons open up a world of new opportunities to rethink software development. Ideas like ontology-driven development and semantic reactive programming have transformative effect on our approaches to analytics, personalisation and privacy, to say the least. We hope to explore these ideas in the YouTube playlist above.<link></p>
</article>
<p><a href="mailto:[email protected]">team@<wbr>thousandyears.co.uk</a></p>
<footer class="smalltext">
<p>MindFlare is developed by <a href="https://github.com/thousandyears"><span class="nowrap">Thousand Years</span></a></p>
<p><a id="privacy" href="#privacy-policy"><b>Privacy policy: </b>Your privacy is our command! MindFlare does not embody either intent or capability to collect your data.</a></p>
</footer>
</body>
</html>