-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (86 loc) · 5.81 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Demo: CivicTechTO Trello-backed project page</title>
<link rel='stylesheet' id='bootstrap-fa-icon-css' href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='zerif_font-css' href='//fonts.googleapis.com/css?family=Lato%3A100%2C300%2C400%2C700%2C400italic%7CMontserrat%3A700%7CHomemade+Apple&subset=latin%2Clatin-ext' type='text/css' media='all' />
<link rel='stylesheet' id='zerif_font_all-css' href='//fonts.googleapis.com/css?family=Open+Sans%3A400%2C300%2C300italic%2C400italic%2C600italic%2C600%2C700%2C700italic%2C800%2C800italic&ver=4.8.3' type='text/css' media='all' />
<link rel='stylesheet' id='zerif_bootstrap_style-css' href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='zerif_style-css' href='css/style.css' type='text/css' media='all' />
<link rel='stylesheet' id='zerif_responsive_style-css' href='css/responsive.css' type='text/css' media='all' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.2/gh-fork-ribbon.min.css" />
<script src="//unpkg.com/vue@2.5.4"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/axios/0.15.2/axios.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/dompurify/1.0.2/purify.min.js"></script>
</head>
<body>
<a class="github-fork-ribbon" href="https://github.com/CivicTechTO/civictechto-trello-project-page-demo" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
<div id="app">
<div id="content" class="site-content">
<div class="container">
<div class="content-left-wrap col-md-12">
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<article id="post-500" class="post-500 page type-page status-publish hentry">
<header class="entry-header">
<h1 class="entry-title">Projects</h1>
</header>
<div class="entry-content">
<div style="border: 2px solid #ccc; padding: 30px;">
<h3 class="project-page-header">Every Tuesday evening, citizens meet at Civic Tech Toronto to collaborate on projects aimed at finding solutions to civic challenges.</h3>
<h3 class="project-page-header no-margin">Listed below are a snippet of the projects you can contribute to.</h3>
</div>
<p> </p>
<template v-if="featuredCards.length > 0">
<template v-for="card in featuredCards">
<div class="clear">
<div class="project-image">
<img v-if="coverAttachment(card)" class="size-thumbnail alignleft wp-image-566" :src="coverAttachment(card).previews[3].url" :alt="coverAttachment(card).name | cleanAttachmentName" :title="coverAttachment(card).name | cleanAttachmentName" />
</div>
<div class="project-content">
<h1>
{{ card.name }} <span v-if="projectStageLabel(card)" class="project-phase">{{ projectStageLabel(card).normalized }}</span>
</h1>
<p v-html="$options.filters.markdownify(card.desc)" class="m-b-1 project-copy">
</p>
<p class="m-b-1">
Leads: <span v-for="member in members(card)" class="member">{{ member.fullName }}<template v-if="!$last(member, members(card))">, </template></span>
</p>
<p v-if="chatLink(card)" class="m-b-2">
Chat: <a :href="chatLink(card).url">{{chatLink(card).name | cleanAttachmentName}}</a>
</p>
<div>
<a v-if="primaryLink(card)" class="btn red-btn btn-primary custom-button no-margin margin-r-1 m-b-1" :href="primaryLink(card).url">
{{ primaryLink(card).name | cleanAttachmentName }}
</a>
<a v-for="link in secondaryLinks(card)" class="btn green-btn btn-primary custom-button no-margin margin-r-1 m-b-1" :href="link.url">
{{ link.name | cleanAttachmentName }}
</a>
</div>
<div>
<a v-if="attributionAttachment(card)" class="attribution" :href="attributionAttachment(card).url">
{{ attributionAttachment(card).name | cleanAttachmentName }}
</a>
</div>
</div>
</div>
<hr class="spacious" />
</template>
</template>
<template v-else><h1>Loading...</h1></template>
<div style="border: 2px solid #ccc; padding: 30px; margin-bottom: 40px;">
<h2>Interested in contributing to one of the groups?</h2>
<h2 style="margin-bottom: 0;"><a href="http://www.meetup.com/Civic-Tech-Toronto/">Come to one of our hacknights to meet the project team.</a></h2>
</div>
</div>
</article>
</main>
</div>
</div>
</div>
</div>
</div>
<script src="js/client.js"></script>
</body>
</html>