Skip to content

Commit 51631f8

Browse files
Jumaces2-julceb
Jumace
authored and
s2-julceb
committed
feat: add newsletter 016
1 parent 3160ceb commit 51631f8

File tree

8 files changed

+361
-34
lines changed

8 files changed

+361
-34
lines changed

‎docs/assets/images/posts/internaut.webp

35.8 KB
Binary file not shown.

‎docs/blog/index.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -103,6 +103,28 @@ <h1>
103103
<div class="post-list">
104104

105105

106+
<article>
107+
<a class="post-link" href=/posts/20240626-newsletter-016/ aria-label="Newsletter 016 - A collection of links for learners, doers and thinkers">
108+
<img src="/assets/images/posts/internaut.webp" alt="" />
109+
<div class="content">
110+
111+
<div class="byline">
112+
113+
114+
<img src="/assets/images/authors/julian.webp" alt="" />
115+
116+
<address>Julian Cebulla</address>
117+
118+
</div>
119+
120+
<h2 class="title">Newsletter 016</h2>
121+
<p>A collection of links for learners, doers and thinkers</p>
122+
</div>
123+
</a>
124+
</article>
125+
126+
127+
106128
<article>
107129
<a class="post-link" href=/posts/20240626-newsletter-015/ aria-label="Newsletter 015 - A collection of links for learners, doers and thinkers">
108130
<img src="/assets/images/posts/naming.webp" alt="" />

‎docs/feed/feed.xml

Lines changed: 41 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,49 @@
55
<link>https://thedeven.org/</link>
66
<atom:link href="https://thedeven.org/feed/feed.xml" rel="self" type="application/rss+xml" />
77
<description>Developer for Developer to make your (work) life easier!</description>
8-
<pubDate>Wed, 26 Jun 2024 02:00:00 +0000</pubDate>
8+
<pubDate>Thu, 22 Aug 2024 02:00:00 +0000</pubDate>
99
<managingEditor>ogb@fastmail.com (Ola Gasidlo-Brändel)</managingEditor>
1010

11+
<item>
12+
<title>Newsletter 016</title>
13+
<link>https://thedeven.org/posts/20240626-newsletter-016/</link>
14+
<description>&lt;h2 id=&quot;%E2%9C%A8-happy-3-2-1-treats-day!%E2%9C%A8&quot; tabindex=&quot;-1&quot;&gt;&lt;a class=&quot;bookmark&quot; href=&quot;https://thedeven.org/posts/20240626-newsletter-016/#%E2%9C%A8-happy-3-2-1-treats-day!%E2%9C%A8&quot;&gt;&lt;span&gt;✨ Happy 3-2-1 treats day!✨&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;
15+
&lt;p&gt;Good day everyone,&lt;/p&gt;
16+
&lt;p&gt;It is time for another round of our newsletter.&lt;/p&gt;
17+
&lt;p&gt;This week is &lt;a href=&quot;https://home.cern/news/news/computing/internaut-day-and-world-wide-web&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Internaut Day&lt;/a&gt;. The 23.08.1991 is generally seen as the day the World Wide Web went public.&lt;/p&gt;
18+
&lt;p&gt;Nobody could forsee the impact this will have on the whole world.
19+
For most people a life without the open web would be drastically different.&lt;/p&gt;
20+
&lt;p&gt;That is why this edition of the newsletter will focus on open standards and software in the public domain.&lt;/p&gt;
21+
&lt;p&gt;As usual I prepared 3 things for learners, 2 things for doers, and 1 question for thinkers all about the topic open source and open standards. No matter if you are a learner, a doer, a thinker, two or all of them, we hope you’ll find something to enjoy.&lt;/p&gt;
22+
&lt;h2 id=&quot;3-things-for-learners&quot; tabindex=&quot;-1&quot;&gt;&lt;a class=&quot;bookmark&quot; href=&quot;https://thedeven.org/posts/20240626-newsletter-016/#3-things-for-learners&quot;&gt;&lt;span&gt;3 things for learners&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;
23+
&lt;p&gt;How open source software powers modern filmmaking &lt;br /&gt;
24+
&lt;a href=&quot;https://github.com/readme/featured/open-source-filmmaking&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://github.com/readme/featured/open-source-filmmaking&lt;/a&gt;&lt;/p&gt;
25+
&lt;p&gt;Octoverse: The state of open source and rise of AI in 2023&lt;br /&gt;
26+
&lt;a href=&quot;https://github.blog/news-insights/research/the-state-of-open-source-and-ai/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://github.blog/news-insights/research/the-state-of-open-source-and-ai/&lt;/a&gt;&lt;/p&gt;
27+
&lt;p&gt;Scaling standards and community in your organization &lt;br /&gt;
28+
&lt;a href=&quot;https://github.com/readme/guides/federated-model&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://github.com/readme/guides/federated-model&lt;/a&gt;&lt;/p&gt;
29+
&lt;h2 id=&quot;2-things-for-doers&quot; tabindex=&quot;-1&quot;&gt;&lt;a class=&quot;bookmark&quot; href=&quot;https://thedeven.org/posts/20240626-newsletter-016/#2-things-for-doers&quot;&gt;&lt;span&gt;2 things for doers&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;
30+
&lt;p&gt;Use open source to improve your projects documentation&lt;br /&gt;
31+
&lt;a href=&quot;https://thedeven.org/documentation-skeleton/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://thedeven.org/documentation-skeleton/&lt;/a&gt;&lt;/p&gt;
32+
&lt;p&gt;How to Contribute to Open Source&lt;br /&gt;
33+
&lt;a href=&quot;https://opensource.guide/how-to-contribute/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://opensource.guide/how-to-contribute/&lt;/a&gt;&lt;/p&gt;
34+
&lt;h2 id=&quot;1-question-for-thinkers&quot; tabindex=&quot;-1&quot;&gt;&lt;a class=&quot;bookmark&quot; href=&quot;https://thedeven.org/posts/20240626-newsletter-016/#1-question-for-thinkers&quot;&gt;&lt;span&gt;1 question for thinkers&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;
35+
&lt;p&gt;Would coding standards make your day to day work better?&lt;/p&gt;
36+
&lt;br /&gt;
37+
&lt;p&gt;Thank you for reading!&lt;/p&gt;
38+
&lt;p&gt;If you have any resources you think your colleagues should know about, please let me know, so it can be added to a future newsletter.&lt;br /&gt;
39+
Julian from DEVEN&lt;/p&gt;
40+
&lt;br /&gt;
41+
&lt;p&gt;P.S.: This time there is no CodePen coding challenge. Instead we want to challenge you to contribute to a open source software of your choice.&lt;/p&gt;
42+
&lt;p&gt;If you do not know where to start you can follow the second link under the &lt;a href=&quot;https://thedeven.org/posts/20240626-newsletter-016/#2-things-for-doers&quot;&gt;2 things for doers&lt;/a&gt;.&lt;/p&gt;
43+
&lt;p&gt;Any kind of contribution that improves a project is a good and worthwhile time investment. This does not need to be a code change, it can also include documentation updates, fixing typos and others.&lt;/p&gt;
44+
&lt;p&gt;Happy contributing 🧑‍🚀&lt;/p&gt;
45+
</description>
46+
<pubDate>Thu, 22 Aug 2024 02:00:00 +0000</pubDate>
47+
<dc:creator>Julian Cebulla</dc:creator>
48+
<guid>https://thedeven.org/posts/20240626-newsletter-016/</guid>
49+
</item>
50+
1151
<item>
1252
<title>Newsletter 015</title>
1353
<link>https://thedeven.org/posts/20240626-newsletter-015/</link>

‎docs/index.html

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -247,8 +247,8 @@ <h2>Latest News</h2>
247247

248248

249249
<article>
250-
<a class="post-link" href=/posts/20240626-newsletter-015/ aria-label="Newsletter 015 - A collection of links for learners, doers and thinkers">
251-
<img src="/assets/images/posts/naming.webp" alt="" />
250+
<a class="post-link" href=/posts/20240626-newsletter-016/ aria-label="Newsletter 016 - A collection of links for learners, doers and thinkers">
251+
<img src="/assets/images/posts/internaut.webp" alt="" />
252252
<div class="content">
253253

254254
<div class="byline">
@@ -260,7 +260,7 @@ <h2>Latest News</h2>
260260

261261
</div>
262262

263-
<h3 class="title">Newsletter 015</h3>
263+
<h3 class="title">Newsletter 016</h3>
264264
<p>A collection of links for learners, doers and thinkers</p>
265265
</div>
266266
</a>
@@ -269,8 +269,8 @@ <h3 class="title">Newsletter 015</h3>
269269

270270

271271
<article>
272-
<a class="post-link" href=/posts/20240522-newsletter-014/ aria-label="Newsletter 014 - A collection of links for learners, doers and thinkers">
273-
<img src="/assets/images/posts/network.webp" alt="" />
272+
<a class="post-link" href=/posts/20240626-newsletter-015/ aria-label="Newsletter 015 - A collection of links for learners, doers and thinkers">
273+
<img src="/assets/images/posts/naming.webp" alt="" />
274274
<div class="content">
275275

276276
<div class="byline">
@@ -282,7 +282,7 @@ <h3 class="title">Newsletter 015</h3>
282282

283283
</div>
284284

285-
<h3 class="title">Newsletter 014</h3>
285+
<h3 class="title">Newsletter 015</h3>
286286
<p>A collection of links for learners, doers and thinkers</p>
287287
</div>
288288
</a>
@@ -291,8 +291,8 @@ <h3 class="title">Newsletter 014</h3>
291291

292292

293293
<article>
294-
<a class="post-link" href=/posts/20240423-newsletter-013/ aria-label="Newsletter 013 - A collection of links for learners, doers and thinkers">
295-
<img src="/assets/images/posts/video.webp" alt="" />
294+
<a class="post-link" href=/posts/20240522-newsletter-014/ aria-label="Newsletter 014 - A collection of links for learners, doers and thinkers">
295+
<img src="/assets/images/posts/network.webp" alt="" />
296296
<div class="content">
297297

298298
<div class="byline">
@@ -304,7 +304,7 @@ <h3 class="title">Newsletter 014</h3>
304304

305305
</div>
306306

307-
<h3 class="title">Newsletter 013</h3>
307+
<h3 class="title">Newsletter 014</h3>
308308
<p>A collection of links for learners, doers and thinkers</p>
309309
</div>
310310
</a>

‎docs/posts/20240626-newsletter-016/index.html

Lines changed: 196 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,196 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Newsletter 016</title>
7+
8+
<link rel="icon" href="/favicon.ico" sizes="32x32">
9+
<link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml">
10+
<link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
11+
<meta name="Description" content="A collection of links for learners, doers and thinkers">
12+
<link rel="preload" as="font" href="/assets/fonts/Hey November.woff2" type="font/woff2" crossorigin="anonymous">
13+
<link rel="preload" as="font" href="/assets/fonts/SpaceGrotesk.woff2" type="font/woff2" crossorigin="anonymous">
14+
<link rel="stylesheet" href="/assets/css/reset.css">
15+
<link rel="stylesheet" href="/assets/css/main.css">
16+
<link rel="stylesheet" href="/assets/css/home.css">
17+
<link rel="stylesheet" href="/assets/css/contributors.css">
18+
<link rel="stylesheet" href="/assets/css/project.css">
19+
<link rel="stylesheet" href="/assets/css/blog.css">
20+
<link rel="stylesheet" href="/assets/css/post-list.css">
21+
<link rel="stylesheet" href="/assets/css/richtext.css">
22+
<link rel="stylesheet" href="/assets/css/prism-base16-monokai.dark.css">
23+
<link rel="alternate" href="/feed/feed.xml" type="application/rss+xml" title="DEVEN - Developer Enablement">
24+
<script
25+
defer=""
26+
data-website-id="ebc3938a-02c7-4277-8789-cc133e8138f5"
27+
data-host-url="https://umami-gray-beta.vercel.app/"
28+
data-domains="thedeven.org"
29+
src="/assets/js/umami.js"></script>
30+
</head>
31+
<body>
32+
<div class='content-wrapper'>
33+
<header >
34+
35+
<div class="navi">
36+
<nav class="nav" role="navigation" aria-label="Main">
37+
<ul class="nav-links">
38+
<li class="nav-item logo">
39+
<a href="/">Deven</a>
40+
</li>
41+
<li class="nav-item subnav" id="subnav">
42+
<button class="subnav-toggle" id="subnav-toggle" aria-expanded="false" onclick="toggleSubnav()">Discover<div class="subnav-chevron"></div>
43+
</button>
44+
<div class="subnav-container">
45+
<ul>
46+
<li class="subnav-item">
47+
<a href="/#about-deven">About</a>
48+
</li>
49+
<li class="subnav-item">
50+
<a href="/#tools">Tools</a>
51+
</li>
52+
<li class="subnav-item">
53+
<a href="/#team">Team</a>
54+
</li>
55+
<li class="subnav-item">
56+
<a href="/#latest-news">Latest News</a>
57+
</li>
58+
</ul>
59+
<button class="close-btn" onclick="closeSubnav()">
60+
<span class="visually-hidden">Close Discover menu</span>
61+
</button>
62+
</div>
63+
</li><li class="nav-item" >
64+
<a href="/blog/">Blog</a>
65+
</li><li class="nav-item" >
66+
<a href="/contributors/">Contributors</a>
67+
</li></ul>
68+
</nav>
69+
</div>
70+
<div class="header-content">
71+
72+
73+
74+
</div>
75+
</header>
76+
<main class="tmpl-post" >
77+
78+
79+
80+
81+
82+
<article>
83+
<header class="post-header">
84+
<div class="post-header-img">
85+
<img src="/assets/images/posts/internaut.webp" alt="" />
86+
</div>
87+
<div>
88+
89+
<div class="byline">
90+
91+
92+
<img src="/assets/images/authors/julian.webp" alt="" />
93+
94+
<address>Julian Cebulla</address>
95+
96+
<span class="byline-separator" aria-hidden="true">|</span>
97+
<time datetime="2024-08-22">
98+
22 Aug 2024
99+
</time>
100+
101+
</div>
102+
103+
<h1 class="post-header-title">Newsletter 016</h1>
104+
</div>
105+
</header>
106+
<div class="post-content-wrapper richtext"> <h2 id="%E2%9C%A8-happy-3-2-1-treats-day!%E2%9C%A8" tabindex="-1"><a class="bookmark" href="#%E2%9C%A8-happy-3-2-1-treats-day!%E2%9C%A8"><span>✨ Happy 3-2-1 treats day!✨</span></a></h2>
107+
<p>Good day everyone,</p>
108+
<p>It is time for another round of our newsletter.</p>
109+
<p>This week is <a href="https://home.cern/news/news/computing/internaut-day-and-world-wide-web" target="_blank" rel="noopener">Internaut Day</a>. The 23.08.1991 is generally seen as the day the World Wide Web went public.</p>
110+
<p>Nobody could forsee the impact this will have on the whole world.
111+
For most people a life without the open web would be drastically different.</p>
112+
<p>That is why this edition of the newsletter will focus on open standards and software in the public domain.</p>
113+
<p>As usual I prepared 3 things for learners, 2 things for doers, and 1 question for thinkers all about the topic open source and open standards. No matter if you are a learner, a doer, a thinker, two or all of them, we hope you’ll find something to enjoy.</p>
114+
<h2 id="3-things-for-learners" tabindex="-1"><a class="bookmark" href="#3-things-for-learners"><span>3 things for learners</span></a></h2>
115+
<p>How open source software powers modern filmmaking <br/>
116+
<a href="https://github.com/readme/featured/open-source-filmmaking" target="_blank" rel="noopener">https://github.com/readme/featured/open-source-filmmaking</a></p>
117+
<p>Octoverse: The state of open source and rise of AI in 2023<br>
118+
<a href="https://github.blog/news-insights/research/the-state-of-open-source-and-ai/" target="_blank" rel="noopener">https://github.blog/news-insights/research/the-state-of-open-source-and-ai/</a></p>
119+
<p>Scaling standards and community in your organization <br />
120+
<a href="https://github.com/readme/guides/federated-model" target="_blank" rel="noopener">https://github.com/readme/guides/federated-model</a></p>
121+
<h2 id="2-things-for-doers" tabindex="-1"><a class="bookmark" href="#2-things-for-doers"><span>2 things for doers</span></a></h2>
122+
<p>Use open source to improve your projects documentation<br />
123+
<a href="https://thedeven.org/documentation-skeleton/" target="_blank" rel="noopener">https://thedeven.org/documentation-skeleton/</a></p>
124+
<p>How to Contribute to Open Source<br>
125+
<a href="https://opensource.guide/how-to-contribute/" target="_blank" rel="noopener">https://opensource.guide/how-to-contribute/</a></p>
126+
<h2 id="1-question-for-thinkers" tabindex="-1"><a class="bookmark" href="#1-question-for-thinkers"><span>1 question for thinkers</span></a></h2>
127+
<p>Would coding standards make your day to day work better?</p>
128+
<br />
129+
<p>Thank you for reading!</p>
130+
<p>If you have any resources you think your colleagues should know about, please let me know, so it can be added to a future newsletter.<br />
131+
Julian from DEVEN</p>
132+
<br />
133+
<p>P.S.: This time there is no CodePen coding challenge. Instead we want to challenge you to contribute to a open source software of your choice.</p>
134+
<p>If you do not know where to start you can follow the second link under the <a href="#2-things-for-doers">2 things for doers</a>.</p>
135+
<p>Any kind of contribution that improves a project is a good and worthwhile time investment. This does not need to be a code change, it can also include documentation updates, fixing typos and others.</p>
136+
<p>Happy contributing 🧑‍🚀</p>
137+
</div>
138+
</article>
139+
140+
</main>
141+
<footer class="footer-content">
142+
<p id="copyright"></p>
143+
<a href='/imprint'>Imprint</a>
144+
</footer>
145+
</div>
146+
<script>
147+
document.getElementById('copyright').innerHTML = `&copy DEVEN ${
148+
new Date().getFullYear()
149+
}. All rights reserved.`;
150+
// Subnav handling
151+
//
152+
// Since we have to update aria-expanded anyway, we can use it as our source of truth for the state (in JS and CSS).
153+
document.addEventListener('click', function (event) { // listen to outside clicks (only) to close subnav automatically
154+
const isOutside = !document.getElementById("subnav").contains(event.target);
155+
const subnavToggle = document.getElementById('subnav-toggle');
156+
if (isOutside && subnavToggle.getAttribute("aria-expanded") !== "false") {
157+
subnavToggle.setAttribute("aria-expanded", "false");
158+
}
159+
});
160+
function toggleSubnav() {
161+
const subnavToggle = document.getElementById('subnav-toggle');
162+
if (subnavToggle.getAttribute("aria-expanded") === "false") {
163+
subnavToggle.setAttribute("aria-expanded", "true");
164+
} else {
165+
subnavToggle.setAttribute("aria-expanded", "false");
166+
}
167+
}
168+
function closeSubnav() {
169+
document.getElementById('subnav-toggle').setAttribute("aria-expanded", "false");
170+
}
171+
</script>
172+
<script>
173+
document.addEventListener("DOMContentLoaded", () => {
174+
if (typeof(umami) === 'undefined') { // if umami is not loaded return early
175+
return;
176+
}
177+
// regx to identify posts links and extract post name
178+
const regExp = /(\/posts\/)(.*)/;
179+
const match = window
180+
.location
181+
.pathname
182+
.match(regExp);
183+
if (match && match[1] == "/posts/") {
184+
const linkElements = document.querySelector("article").querySelectorAll("a");
185+
for (let step = 0; step <= linkElements.length - 1; step++) {
186+
linkElements[step].onclick = () => {
187+
umami.track(`blog-link-${
188+
match[2]
189+
}`, {"url": linkElements[step].href})
190+
}
191+
}
192+
}
193+
});
194+
</script>
195+
</body>
196+
</html>

0 commit comments

Comments
 (0)