forked from barryclark/jekyll-now
/
topics.html
112 lines (73 loc) · 3.67 KB
/
topics.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
---
layout: default
---
<!-- Include Dependancy Scripts -->
<script type="text/javascript">
var res = []
var app_id = "appA0hzRA8nSRa1Zj";
var app_key = "keykM2rQu12gpVKps";
axios.get("https://api.airtable.com/v0/" + app_id +
"/Topics?maxRecords=20&view=Grid%20view",
{
headers: {Authorization: "Bearer " + app_key}
}
).then(function(response){
res = response.data.records
console.log(res)
// document.write(res[0])
})
</script>
<div class="page">
<h1 class="page-title">Welcome aboard!</h1>
<p class="lead">We're so glad to have you here. On this page is a quick explainer, followed by the topic directory. If you've been here already then you know what to do.</p>
<p>Fondo is split into Topics, Jobs and Skills<p>
<p>Topics are larger areas. They probably cover several Skills and relate to many different Jobs. Each Topic has been broken down into bitesize sections.</p>
<p>Some Topics aren't yet available to view or are restricted to members only. To apply for access, you can <a href="../join">join</a> the Fondo community</p>
Need to know more? Visit the <a href="../about">about</a> page<br><br>
<br>
💡 Each Topic contains between 1 and 5 modules<br>
⛴ Each Topic is designed around a learning map. It lets you know what you should explore, in what order, and what is the broader theme you should be thinking about at each step. It also tells you how many weeks the whole thing will take.<br>
* A Module takes 30-45 minutes to complete<br>
* Modules are made up of a small number of Episodes, each taking 5-8 minutes
* Episodes are created from a wide range of content and ideas, all curated by a collective of practitioners alongside the Fondo team<br>
* As you progress through Modules, we'll provide different content to suit your learning style and goals<br>
* Each Module is intended to be collaborative; partner up with a Learning Group or a Coach<br>
* When you've completed a Module, you can add it to your Library and share your progress with others<br><br></p>
<div class="content-callout">
<a href="../topic">View an example Topic</a>
</div>
<div id="app">
<h1>You've got access to these Topics...</h1>
<p class="citation">For access to all Topics, join as a Premium Member or a Contributor</p>
<p>{{ items }}</p>
<ul>
<li v-for="item in items">
<img :src="item['fields']['Image'][0]['thumbnails']['large']['url']" alt="" v-if="item['fields']['Image']" width="350">
{{ item['fields']['Name'] }}
{{ item['fields']['Intro Text'] }}
{{ item['fields']['URL'] }}
{{ item['fields']['Creators'] }}
{{ item['fields']['Status'] }}
{{ item['fields']['Description'] }}
Coaches: {{ item['fields']['Coaches'] }}
{{ item['fields']['Chapters'] }}
Contributors: {{ item['fields']['Contributors'] }}
<br><br>
<p class="citation">To access this topic, <a href="../join">join the community</a></p>
<p class="citation">If the topic is marked as Secret, we may have a Stripe plugin here to give you access for $5</p>
</li>
</ul>
</div><!--app-->
<script>
document.write(res[0]["fields"]["item"])
</script>
</div>
</main>
<footer class="footer">
<small>
© <time datetime="2019-03-23T14:53:49-05:00">2019 Fondo</time>. All rights reserved.
</small>
</footer>
</div>
</body>
</html>