Skip to content

Commit e9ed1cf

Browse files
authored
Merge branch 'master' into update_RSS_link
2 parents ffa8a77 + 45c166b commit e9ed1cf

File tree

20 files changed

+367
-202
lines changed

20 files changed

+367
-202
lines changed

.lektorproject

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
name = creativecommons.github.io
33
url_style = absolute
44
url = http://opensource.creativecommons.org/
5+
included_assets = .cc-metadata.yml
56

67
[servers.ghpages]
78
target = ghpages+https://creativecommons/creativecommons.github.io
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
username: JackieBinya
2+
---
3+
name: Jacqueline Binya
4+
---
5+
md5_hashed_email: 05fbbdaf9f9d84074e200f88f662688f
6+
---
7+
about:
8+
[JackieBinya](https://github.com/JackieBinya) is a software developer, technical writer, cloud enthusiast, and a Google Season of Docs 2020 participant.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
username: nimishbongale
2+
---
3+
name: Nimish Bongale
4+
---
5+
md5_hashed_email: 966c6091b47be539edc00210f36d2f65
6+
---
7+
about:
8+
9+
[Nimish Bongale](https://nimishbongale.github.io/) is a Technical Writing Intern at Creative Commons. He goes by `@nimishnb` on the CC Community Slack workspace. Nimish is currently developing the website and documentation for [CC Vocabulary](https://opensource.creativecommons.org/cc-vocabulary/) as part of [Google Season of Docs 2020](https://developers.google.com/season-of-docs).
+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
username: rczajka
2+
---
3+
name: Radek Czajka
4+
---
5+
md5_hashed_email: bca19ddd1522cb12edde0520d3d77ded
6+
---
7+
about:
8+
Radek Czajka is a developer based in Warsaw, Poland. Long-time lead developer at [Modern Poland Foundation](https://nowoczesnapolska.org.pl) and its [WolneLektury.pl](https://wolnelektury.pl) free internet library. Free software enthusiast, considers NC-SA the worst license.
9+
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
name: cc-wp-base-theme
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
title: Vocabulary Site & Usage Guide Introduction (GSoD'20)
2+
---
3+
categories:
4+
cc-vocabulary
5+
gsod
6+
gsod-2020
7+
---
8+
author: nimishbongale
9+
---
10+
series: gsod-2020-vocabulary-usage-guide
11+
---
12+
pub_date: 2020-10-02
13+
---
14+
body:
15+
Hey there! I'm Nimish Bongale, a Technical Writer & Software Developer based out of Bangalore, India. My other hobbies include playing chess and the guitar. I look forward to build the CC Vocabulary site and usage guides as a part of GSoD'20.
16+
17+
## But what is GSoD?
18+
19+
GSoD, or Google Season of Docs, is a program that stresses on the importance of the documentation aspect of Open Source projects. It invites technical writers from across the world to submit proposals based on projects floated in by the participating Open Source Organisations. The selected technical writers then work with the their respective organisations and look to complete their work by the end of their internship period. More information about the same can be found [here](https://developers.google.com/season-of-docs).
20+
21+
Let's talk a bit about my project, shall we?
22+
23+
## Vocabulary Site & Usage Guide
24+
25+
### Introduction
26+
[CC Vocabulary](https://github.com/creativecommons/vocabulary) is a cohesive design system & Vue component library to unify the web-facing Creative Commons. It's currently comprised of 3 packages, namely Vocabulary, Vue-Vocabulary & Fonts. My contribution to this project would majorly involve building the landing site for CC Vocabulary, and refactor the documentation wherever necessary.
27+
28+
### What drives me
29+
Documentation is one of the primary reasons which determines how successful a certain open source library will be. The major question that developers think of while choosing a suitable tech stack to build their applications is:
30+
31+
- Is the library _well documented_?
32+
- Is it _well maintained_?
33+
- Does it have some _considerable usage and error support_?
34+
35+
These are exactly the questions I should be asking myself while going about this project idea.
36+
37+
As aforementioned, there is an immanent need to have a concise and consolidated documentation. The lack of documentation hurts the future perspectives of open source applications, and is by far, an essential and non-negligible component. Linking to these documentations should be an appealing home page, which captures the interest of the people in an instant. The documentation should be well organised, thereby enabling a seamless flow through it.
38+
39+
### Tech stack of the project
40+
We have decided to move forward with [Vuejs](https://vuejs.org/) for building the site, and continue work on the existing [storybooks](https://storybook.js.org/) of Vocabulary, Vue-Vocabulary and Fonts. Storybookjs has had some great improvements in recent times, and the new addons that are offered will greatly support my work. Besides these, I will also be using [StackEdit](https://stackedit.io/) to write and share Markdown files of my writings.
41+
42+
### Progress - Baby Steps
43+
I have contributed to CC in the past. It would now be my first time contributing to a specific project within CC, while being a member of CC Open Source. Some tasks that I've been able to initiate/accomplish so far:
44+
45+
- Look at Open Source documentation conventions, and see if we violate any.
46+
- Understand the level of existing documentation currently present in our storybooks.
47+
- Discuss about the Monorepo migration and help out with the implementation.
48+
- Migrate `storybookjs` to the latest version.
49+
- Implement `addon-controls` for vocabulary.
50+
- Design the vocabulary site.
51+
- Promote the involvement of CC Open Source in [Hacktoberfest](https://hacktoberfest.digitalocean.com/) 2020.
52+
53+
### What did I learn?
54+
55+
- Design is more than just picking colors and placing components on a grey screen.
56+
- It's important to read your own writings from an unbiased perspective to actually understand how well it would be perceived.
57+
- Interacting with your mentor on a regular basis is of the absolute essence.
58+
- Publishing to [npmjs](npmjs.com) is not difficult!
59+
60+
<p align="center">
61+
<strong>Thank you for your time!</strong>
62+
</p>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
title: WordPress Base Theme Usage Guide (GSOD-2020): Hello World!
2+
---
3+
categories:
4+
cc-wp-base-theme
5+
gsod
6+
gsod-2020
7+
---
8+
author: JackieBinya
9+
---
10+
series: gsod-2020-wordpress-base-theme-usage-guide
11+
---
12+
pub_date: 2020-09-30
13+
---
14+
body:
15+
My name is Jacqueline Binya. I am a software developer and technical writer from Zimbabwe. I am going to write a series of blog posts documenting my experience and lessons as I contribute to the [Creative Commons WordPress Base Theme(CC WP Base Theme)](https://github.com/creativecommons/wp-theme-base) during the [Google Season of Docs (GSOD-2020)](https://developers.google.com/season-of-docs) as a technical writer.
16+
17+
## What is Google Season of Docs?
18+
19+
The Google Season of the Docs was born out of a need to improve the quality of open-source documentation as well as to advocate for open source, for documentation, and for technical writing. Annually during the GSOD, technical writers are invited to contribute to open-source projects through a highly intensive process geared at ensuring that the technical writers and the projects they contribute to during GSOD are a good fit, after that has been determined GSOD then resumes.
20+
21+
## Building the docs
22+
The CC WP Base theme is a WordPress theme used to create front-facing Creative Commons (CC) websites. My task is to collaborate with the engineering team to create community facing docs for the theme.
23+
24+
### Guiding principles
25+
The docs should be inclusive meaning: they should be written in an easy-to-understand manner taking care to avoid the use of excessive technical jargon, they should be accessible and they should have support for internationalization. We hope to provide our users with a smooth and memorable experience whilst using the docs hence the docs site should be fast and easy to navigate.
26+
27+
### Technical stack of the project
28+
We decided to build the docs using [Jamstack](https://jamstack.org/), to be specific we are using [Gridsome](https://gridsome.org/) a static generator for [Vuejs](https://vuejs.org/). We are using Gridsome as it is highly performant, and it also integrates smoothly with the [CC Vocabulary](https://cc-vocabulary.netlify.app/). Gridsome also has out-of-the-box support for important features like Google Analytics and [Angolia](https://www.algolia.com/), these features will obviously be useful in future iterations of the docs. To quickly scaffold the docs we used a Gridsome theme called [JamDocs](https://gridsome.org/starters/jamdocs/).
29+
30+
### Progress
31+
Currently, the project is on track. As it's been stated we are creating the docs collaboratively. The very first step in our workflow is to create draft content using Google docs. That task is assigned to me, it involves doing lots of research, reading and also testing out the theme. Afterwards, my mentors Hugo Solar and Timid Robot Zehta then give me feedback on the draft. Then I implement the feedback and continuously work on improvements. The final step is migrating the approved draft content to the docs projects in markdown format.
32+
33+
### My lessons so far:
34+
- Always ask questions: frankly, the only way you can create good content is when you have a solid understanding of the subject matter.
35+
- It's better to over-communicate than under-communicate especially when working in a remotely, this is especially more important if you encounter blockers whilst executing your work.
36+
- Push that code and open PR quickly and then go ahead and ask for a review don't procrastinate this will ensure fast turnover you get feedback quickly and can work on improvements.
37+
38+
39+
_Thank you for reading, watch out for the next update which will be posted soon._
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
title: Creative Commons WordPress plugin: attribution for images
2+
---
3+
categories:
4+
cc-wp-plugin
5+
open-source
6+
tech
7+
wordpress
8+
---
9+
author: rczajka
10+
---
11+
pub_date: 2020-10-01
12+
---
13+
body:
14+
As a part of [Centrum Cyfrowe](https://centrumcyfrowe.pl)'s [#NoWorries]() project funded by EUIPO,
15+
I have had the pleasure of enhancing the Creative Commons Wordpress plugin.
16+
The new version of CC's Wordpress plugin has a feature called
17+
“attribution information for images”. It works like this:
18+
19+
1. you upload an image to the Wordpress Media Library and fill out the
20+
correct attribution information there.
21+
2. You then insert the image into a page using the Image Gutenberg block.
22+
3. When the image is then displayed on site, the plugin will show the
23+
attribution information – the name of the author, the image's title
24+
and link to source, and the CC license used – right there, in a nice
25+
semi-transparent overlay over the image.
26+
27+
## How does it work?
28+
29+
To find the relevant information from the Media Library, the plugin
30+
reuses the information already provided by Gutenberg Image Blocks.
31+
Each time an image is inserted using such a block, Wordpress adds a
32+
special CSS class to it, in the form of `wp-image-{id}`, containing
33+
the image's identifier in the Media Library. It can be used to add
34+
individual styles to a specific image – we're using it to find the
35+
relevant entry in the Media Library and add individual attribution
36+
information. With this approach, we avoid the need for any custom
37+
markup – while also only hitting the database with a query when an
38+
actual image from the Media Library is found on the page.
39+
40+
All you need to do is make sure the licensing information is there in
41+
the Media Library, and that the images are inserted using the Image
42+
block.
43+
44+
This wasn't the first attempt at adding a similar function to the CC
45+
Wordpress plugin. The previous attempt used a `[license]` shortcode
46+
wrapping the image – which it's unwieldy with the current Wordpress
47+
Gutenberg editor. It also used multiple calls to
48+
`attachment_url_to_postid` to locate the image in the Media Library, which
49+
meant executing more database queries for each image. With the new
50+
approach, the user doesn't have to change their posts at all – all
51+
they need to do is install the plugin and add attribution information
52+
in the Media Library, and it will automatically start working for
53+
their normally inserted images.
54+
55+
See here how to install the plugin:
56+
<video src="install.mp4" controls></video>
57+
58+
See here how to use the image attribution function:
59+
60+
<video src="use.mp4" controls></video>
Binary file not shown.
Binary file not shown.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
name: "GSoD-2020: Vocabulary Usage Guide"
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
name: GSOD-2020: WordPress Base Theme Usage Guide

content/contributing-code/contents.lr

+12-12
Original file line numberDiff line numberDiff line change
@@ -17,19 +17,19 @@ We make extensive use of issue labels to designate the priority, status and begi
1717

1818
- **Issues available for community contribution:**
1919
- The following tags mark issues that are open for community contribution:
20-
- `help wanted`: Open to participation from the community but not necessarily beginner-friendly
21-
- `good first issue`: Open to participation from the community and friendly towards new contributors
20+
- <span class="gh-label friendliness">help wanted</span> : Open to participation from the community but not necessarily beginner-friendly
21+
- <span class="gh-label friendliness">good first issue</span> : Open to participation from the community and friendly towards new contributors
2222
- You do not need our permission to work on one of these issues.
23-
- You may work on an issue labeled `good first issue` even if it's not your first issue.
23+
- You may work on an issue labeled <span class="gh-label friendliness">good first issue</span> even if it's not your first issue.
2424
* **Issues not available for community contribution:**
2525
- The following tags mark issues that are _not_ open for community contribution:
26-
- `🔒 staff only`: Requires infrastructure access or institutional knowledge that would be impractical to provide to the community
26+
- <span class="gh-label friendliness">🔒 staff only</span> : Requires infrastructure access or institutional knowledge that would be impractical to provide to the community
2727
- Do not work on these.
2828
- **Issues not ready for work:**
2929
- The following tags mark issues that are _not_ open for community contribution:
30-
- `🚧 blocked`: Blocked by other work that needs to be done first
31-
- `🧹 ticket work required`: Needs additional work before it is ready to be taken up
32-
- `🚦 awaiting triage`: Has not been triaged by a maintainer
30+
- <span class="gh-label status-neutral">🚧 status: blocked</span>: Blocked by other work that needs to be done first
31+
- <span class="gh-label status-dark">🧹 status: ticket work required </span>: Needs additional work before it is ready to be taken up
32+
- <span class="gh-label status-darker">🚦 status: awaiting triage</span>: Has not been triaged by a maintainer
3333
- Do not work on these.
3434
- **Issues without any of the above labels:**
3535
- These issues _may_ (or may not) be open for contribution.
@@ -38,9 +38,9 @@ We make extensive use of issue labels to designate the priority, status and begi
3838
You can use our [Issue Finder tool](/contributing-code/issue-finder/) to find a good issue that matches your skills and familiarity with our software and community.
3939

4040
Some helpful saved searches on GitHub than can assist with finding an issue:
41-
- [issues labeled "good first issue"](https://github.com/search?q=org%3Acreativecommons+is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22+-linked%3Apr)
42-
- [issues labeled "help wanted"](https://github.com/search?q=org%3Acreativecommons+is%3Aissue+is%3Aopen+label%3A%22help+wanted%22+-linked%3Apr)
43-
- [PRs labeled "help wanted"](https://github.com/search?q=org%3Acreativecommons+is%3Apr+is%3Aopen+label%3A%22help+wanted%22)
41+
- [issues labeled <span class="gh-label friendliness">good first issue</span>](https://github.com/search?q=org%3Acreativecommons+is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22+-linked%3Apr)
42+
- [issues labeled <span class="gh-label friendliness">help wanted</span>](https://github.com/search?q=org%3Acreativecommons+is%3Aissue+is%3Aopen+label%3A%22help+wanted%22+-linked%3Apr)
43+
- [PRs labeled <span class="gh-label friendliness">help wanted</span>](https://github.com/search?q=org%3Acreativecommons+is%3Apr+is%3Aopen+label%3A%22help+wanted%22)
4444

4545
Check the issue comments/labels to see whether someone else has indicated that they are working on it. If someone is already working on it and there has been activity within the last 7 days, you may want to find a different issue to work on.
4646

@@ -60,7 +60,7 @@ If you want to work on something that there is no GitHub issue for, follow these
6060

6161
1. Create a a new GitHub issue associated with the relevant repository and propose your change there. Be sure to include implementation details and the rationale for the proposed change.
6262
* We are very reluctant to accept random pull requests without a related issue created first.
63-
2. The issue will automatically have the `not ready for work` label applied. Wait for a project maintainer to evaluate your issue and decide whether it's something that we will accept a pull request for.
64-
3. Once the project maintainer has approved the issue and removed the `not ready for work` label, you may start work on code as described in the "Contribution process" section above.
63+
2. The issue will automatically have the <span class="gh-label status-darker">🚦 status: awaiting triage</span> label applied. Wait for a project maintainer to evaluate your issue and decide whether it's something that we will accept a pull request for.
64+
3. Once the project maintainer has approved the issue and removed the <span class="gh-label status-darker">🚦 status: awaiting triage</span> label, you may start work on code as described in the "Contribution process" section above.
6565

6666
When in doubt, ask a question on [one of our community forums](/community/).

0 commit comments

Comments
 (0)