Skip to content

Commit e658d6c

Browse files
Dhruvi16Dhruvi16
committed
Add flowblocks for the home page
1 parent f408914 commit e658d6c

File tree

7 files changed

+59
-89
lines changed

7 files changed

+59
-89
lines changed

‎content/contents.lr

+7-89
Original file line numberDiff line numberDiff line change
@@ -1,95 +1,13 @@
1-
_model: page
1+
_model: Home
22
---
3-
title: Open Source at CC
3+
_template: home.html
44
---
55
body:
66

7-
**[Creative Commons](https://creativecommons.org/)** has been building free software for over a decade to support our mission of maximizing digital creativity, sharing, and innovation. We work on products that, among other things, make applying CC licenses to content easier, help users find CC licensed content easily, promote and educate users about CC licenses and copyright, and connect the global CC community. Our projects come in all sizes and shapes, from several simple static websites to making the 1.6 billion+ Creative Commons works currently available on the internet [searchable](https://search.creativecommons.org/).
7+
#### hero ####
88

9-
## Get Involved
10-
11-
So if you're looking to integrate CC licenses or CC licensed works into your application or you'd like to help us build our products, you're in the right place! We really appreciate community contributions and feedback (we're a small team and spread thin) and we especially love seeing what you build using CC's tools.
12-
13-
<div class="card-deck">
14-
<div class="card get-involved-card border-dark mb-4">
15-
<h5 class="card-title text-center"><strong>Join the Community</strong></h5>
16-
<div class="card-img-top">
17-
<img class="mx-auto d-block" src="/comments-solid.png" alt="Community icon"/>
18-
</div>
19-
<div class="card-body" align="center">
20-
<p class="card-text text-center">Join the CC developer chat and mailing list communities to connect with other developers working with CC tools.</p>
21-
<a href="/community" class="btn btn-sm btn-outline-primary">See how to join</a>
22-
</div>
23-
</div>
24-
25-
<div class="card get-involved-card border-dark mb-4">
26-
<h5 class="card-title text-center"><strong>Contribute Code</strong></h5>
27-
<div class="card-img-top">
28-
<img class="mx-auto d-block" src="/laptop-code-solid.png" alt="Code icon"/>
29-
</div>
30-
<div class="card-body" align="center">
31-
<p class="card-text text-center">Fix one of our open issues or work on something new that you'd like to use. All skill levels are welcome.</p>
32-
<a href="/contributing-code" class="btn btn-sm btn-outline-primary">Guidelines</a>
33-
<a href="https://github.com/search?q=org%3Acreativecommons+is%3Aopen+label%3A%22help+wanted%22" class="btn btn-sm btn-outline-primary">"Help Wanted" issues</a>
34-
</div>
35-
</div>
36-
37-
<div class="card get-involved-card border-dark mb-4">
38-
<h5 class="card-title text-center"><strong>Integrate with CC Tools</strong></h5>
39-
<div class="card-img-top">
40-
<img class="mx-auto d-block" src="/creative-commons-remix-brands.png" alt="CC remix icon"/>
41-
</div>
42-
<div class="card-body" align="center">
43-
<p class="card-text text-center">Use CC-licensed works in your application or (coming soon!) use our WordPress plugin to license your content.</p>
44-
<a href="https://api.creativecommons.engineering/" class="btn btn-sm btn-outline-primary">Catalog API</a>
45-
<a href="/contributing-code/projects" class="btn btn-sm btn-outline-primary">All our projects</a>
46-
</div>
47-
</div>
48-
49-
<div class="card get-involved-card border-dark mb-4">
50-
<h5 class="card-title text-center"><strong>Show Off Your Work</strong></h5>
51-
<div class="card-img-top">
52-
<img class="mx-auto d-block" src="/keyboard-solid.png" alt="Keyboard icon icon"/>
53-
</div>
54-
<div class="card-body" align="center">
55-
<p class="card-text text-center">If you've worked on software that uses CC licenses or tools, tell the community about it on <a href="/blog">our tech blog</a>.</p>
56-
<a href="/community/write-a-blog-post/" class="btn btn-sm btn-outline-primary">Write a blog post</a>
57-
</div>
58-
</div>
59-
60-
<div class="card get-involved-card border-dark mb-4">
61-
<h5 class="card-title text-center"><strong>Usability Testing</strong></h5>
62-
<div class="card-img-top">
63-
<img class="mx-auto d-block" src="/vials-solid.png" alt="Test tubes icon"/>
64-
</div>
65-
<div class="card-body" align="center">
66-
<p class="card-text text-center">Participate in one of our regular usability tests for CC tools that we're actively working on (we'll give you a gift card!)</p>
67-
<a href="/community/#mailing-lists" class="btn btn-sm btn-outline-primary">Sign up to test</a>
68-
<a href="https://github.com/creativecommons/creativecommons.org/issues/new/choose" class="btn btn-sm btn-outline-primary">File an issue</a>
69-
</div>
70-
</div>
71-
72-
<div class="card get-involved-card border-dark mb-4">
73-
<h5 class="card-title text-center"><strong>Translate our Content</strong></h5>
74-
<div class="card-img-top">
75-
<img class="mx-auto d-block" src="/language-solid.png" alt="Translation icon"/>
76-
</div>
77-
<div class="card-body" align="center">
78-
<p class="card-text text-center">Translate our content into your language. Contact us if you'd like to write code to make this process easier for new tools.</p>
79-
<a href="https://wiki.creativecommons.org/wiki/Translate" class="btn btn-sm btn-outline-primary">Translation information</a>
80-
</div>
81-
</div>
82-
83-
<div class="card get-involved-card border-dark mb-4">
84-
<h5 class="card-title text-center"><strong>Contribute Design</strong></h5>
85-
<div class="card-img-top">
86-
<img class="mx-auto d-block" src="/pencil-ruler-solid.png" alt="Pencil and ruler icon"/>
87-
</div>
88-
<div class="card-body" align="center">
89-
<p class="card-text text-center">Contribute to our brand new set of standard UI components and help us apply it to all existing projects.</p>
90-
<a href="https://github.com/creativecommons/cc-vocabulary" class="btn btn-sm btn-outline-primary">CC Vocabulary</a>
91-
</div>
92-
</div>
93-
</div>
9+
title: Creative Commons
10+
---
11+
content:
9412

95-
<p class="small muted"><em>All icons are from <a href="https://fontawesome.com/">Font Awesome</a>, licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.</em></p>
13+
Creative Commons

‎flowblocks/get-involved.ini

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
[block]
2+
name = Get Involved
3+
label = {{ this.title }}
4+
5+
[fields.title]
6+
label = Title
7+
type = string
8+
9+
[fields.content]
10+
label = Content
11+
type = text

‎flowblocks/hero.ini

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
[block]
2+
name = Hero
3+
label = {{ this.title }}
4+
5+
[fields.title]
6+
label = Title
7+
type = string
8+
9+
[fields.content]
10+
label = Content
11+
type = text

‎models/home.ini

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
[model]
2+
name = Home
3+
label = {{ this.title }}
4+
5+
[fields.title]
6+
label = Title
7+
type = string
8+
9+
[fields.body]
10+
label = Body
11+
type = flow
12+
flow_blocks = hero, get-involved

‎themes/vocabulary_theme/templates/blocks/get-involved.html

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{% block title %}{{ this.title }}{% endblock %}
2+
<div>
3+
{{ this.content }}
4+
</div>

‎themes/vocabulary_theme/templates/blocks/hero.html

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{% block title %}{{ this.title }}{% endblock %}
2+
<div >
3+
{{ this.content }}
4+
</div>

‎themes/vocabulary_theme/templates/home.html

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{% extends "layout.html" %}
2+
{% block title %}{{ this.title }}{% endblock %}
3+
4+
{% block body %}
5+
6+
{% for block in this.body.blocks %}
7+
{{ block }}
8+
{% endfor %}
9+
10+
{% endblock %}

0 commit comments

Comments
 (0)