-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
8 changed files
with
327 additions
and
11 deletions.
There are no files selected for viewing
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,194 @@ | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Newsletter 011</title> | ||
|
|
||
| <link rel="icon" href="/favicon.ico" sizes="32x32"> | ||
| <link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml"> | ||
| <link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png"> | ||
| <meta name="Description" content="A collection of links for learners, doers and thinkers"> | ||
| <link rel="preload" as="font" href="/assets/fonts/Hey November.woff2" type="font/woff2" crossorigin="anonymous"> | ||
| <link rel="preload" as="font" href="/assets/fonts/SpaceGrotesk.woff2" type="font/woff2" crossorigin="anonymous"> | ||
| <link rel="stylesheet" href="/assets/css/reset.css"> | ||
| <link rel="stylesheet" href="/assets/css/main.css"> | ||
| <link rel="stylesheet" href="/assets/css/home.css"> | ||
| <link rel="stylesheet" href="/assets/css/contributors.css"> | ||
| <link rel="stylesheet" href="/assets/css/project.css"> | ||
| <link rel="stylesheet" href="/assets/css/blog.css"> | ||
| <link rel="stylesheet" href="/assets/css/post-list.css"> | ||
| <link rel="stylesheet" href="/assets/css/richtext.css"> | ||
| <link rel="stylesheet" href="/assets/css/prism-base16-monokai.dark.css"> | ||
| <link rel="alternate" href="/feed/feed.xml" type="application/rss+xml" title="DEVEN - Developer Enablement"> | ||
| <script | ||
| defer="" | ||
| data-website-id="ebc3938a-02c7-4277-8789-cc133e8138f5" | ||
| data-host-url="https://umami-gray-beta.vercel.app/" | ||
| data-domains="thedeven.org" | ||
| src="/assets/js/umami.js"></script> | ||
| </head> | ||
| <body> | ||
| <div class='content-wrapper'> | ||
| <header > | ||
|
|
||
| <div class="navi"> | ||
| <nav class="nav" role="navigation" aria-label="Main"> | ||
| <ul class="nav-links"> | ||
| <li class="nav-item logo"> | ||
| <a href="/">Deven</a> | ||
| </li> | ||
| <li class="nav-item subnav" id="subnav"> | ||
| <button class="subnav-toggle" id="subnav-toggle" aria-expanded="false" onclick="toggleSubnav()">Discover<div class="subnav-chevron"></div> | ||
| </button> | ||
| <div class="subnav-container"> | ||
| <ul> | ||
| <li class="subnav-item"> | ||
| <a href="/#about-deven">About</a> | ||
| </li> | ||
| <li class="subnav-item"> | ||
| <a href="/#tools">Tools</a> | ||
| </li> | ||
| <li class="subnav-item"> | ||
| <a href="/#team">Team</a> | ||
| </li> | ||
| <li class="subnav-item"> | ||
| <a href="/#latest-news">Latest News</a> | ||
| </li> | ||
| </ul> | ||
| <button class="close-btn" onclick="closeSubnav()"> | ||
| <span class="visually-hidden">Close Discover menu</span> | ||
| </button> | ||
| </div> | ||
| </li><li class="nav-item" > | ||
| <a href="/blog/">Blog</a> | ||
| </li><li class="nav-item" > | ||
| <a href="/contributors/">Contributors</a> | ||
| </li></ul> | ||
| </nav> | ||
| </div> | ||
| <div class="header-content"> | ||
|
|
||
|
|
||
|
|
||
| </div> | ||
| </header> | ||
| <main class="tmpl-post" > | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <article> | ||
| <header class="post-header"> | ||
| <div class="post-header-img"> | ||
| <img src="/assets/images/posts/forever.webp" alt="" /> | ||
| </div> | ||
| <div> | ||
|
|
||
| <div class="byline"> | ||
|
|
||
|
|
||
| <img src="/assets/images/authors/julian.webp" alt="" /> | ||
|
|
||
| <address>Julian Cebulla</address> | ||
|
|
||
| <span class="byline-separator" aria-hidden="true">|</span> | ||
| <time datetime="2024-03-19"> | ||
| 19 Mar 2024 | ||
| </time> | ||
|
|
||
| </div> | ||
|
|
||
| <h1 class="post-header-title">Newsletter 011</h1> | ||
| </div> | ||
| </header> | ||
| <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> | ||
| <p>Good day everyone,</p> | ||
| <p>Welcome to the new format of the DEVEN newsletter. From now on the newsletter will be published as blog post on the DEVEN website. The old newsletters are also available as blog posts.</p> | ||
| <p>Here are 3 things for learners, 2 things for doers, and 1 question for thinkers to sprinkle some glitter on your day. 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> | ||
| <h2 id="3-things-for-learners" tabindex="-1"><a class="bookmark" href="#3-things-for-learners"><span>3 things for learners</span></a></h2> | ||
| <p>How to exclude elements from being shown in google search results <br /> | ||
| <a href="https://www.stefanjudis.com/today-i-learned/how-to-exclude-elements-from-being-shown-in-google-search-results/" target="_blank" rel="noopener">https://www.stefanjudis.com/today-i-learned/how-to-exclude-elements-from-being-shown-in-google-search-results/</a></p> | ||
| <p>A new approach to container and wrapper classes<br /> | ||
| <a href="https://youtu.be/c13gpBrnGEw" target="_blank" rel="noopener">https://youtu.be/c13gpBrnGEw</a></p> | ||
| <p>htmx - high power tools for HTML<br /> | ||
| <a href="https://htmx.org/" target="_blank" rel="noopener">https://htmx.org/</a></p> | ||
| <h2 id="2-things-for-doers" tabindex="-1"><a class="bookmark" href="#2-things-for-doers"><span>2 things for doers</span></a></h2> | ||
| <p>Popular git config options<br /> | ||
| <a href="https://jvns.ca/blog/2024/02/16/popular-git-config-options/" target="_blank" rel="noopener">https://jvns.ca/blog/2024/02/16/popular-git-config-options/</a></p> | ||
| <p>Create a Currency Converter with HTML, CSS, and Vanilla JavaScript 🧮<br /> | ||
| <a href="https://webdesign.tutsplus.com/currency-converter-with-html-css-and-vanilla-javascript--cms-108362t" target="_blank" rel="noopener">https://webdesign.tutsplus.com/currency-converter-with-html-css-and-vanilla-javascript--cms-108362t</a></p> | ||
| <h2 id="1-question-for-thinkers" tabindex="-1"><a class="bookmark" href="#1-question-for-thinkers"><span>1 question for thinkers</span></a></h2> | ||
| <p>"Forever projects" are things you start and want to continue forever or at least did not defined a shelf life for. | ||
| And those things can be hard to let go. | ||
| Do you have forever projects? | ||
| <a href="https://www.stefanjudis.com/notes/forever-projects/" target="_blank" rel="noopener">https://www.stefanjudis.com/notes/forever-projects/</a></p> | ||
| <br /> | ||
| <p>Thank you for reading!</p> | ||
| <p>If you have any resources you think your colleagues should know about, please hit reply and let us know, so we can add it to a future newsletter.<br /> | ||
| Julian from DEVEN</p> | ||
| <br /> | ||
| <p>P.S.: Do you love to challenge yourself a bit? Here is a small gift for you!</p> | ||
| <p>🎁 Below you will find a small coding challenge in every newsletter. Feel free to discuss the challenge with others/your juniors and trainees, with your team or even your cactus. 🌵<br /> | ||
| <a href="https://codepen.io/jumace-the-dev/pen/OJGRdxr?editors=1011" target="_blank" rel="noopener">>> link to challenge <<</a></p> | ||
| </div> | ||
| </article> | ||
|
|
||
| </main> | ||
| <footer class="footer-content"> | ||
| <p id="copyright"></p> | ||
| <a href='/imprint'>Imprint</a> | ||
| </footer> | ||
| </div> | ||
| <script> | ||
| document.getElementById('copyright').innerHTML = `© DEVEN ${ | ||
| new Date().getFullYear() | ||
| }. All rights reserved.`; | ||
| // Subnav handling | ||
| // | ||
| // Since we have to update aria-expanded anyway, we can use it as our source of truth for the state (in JS and CSS). | ||
| document.addEventListener('click', function (event) { // listen to outside clicks (only) to close subnav automatically | ||
| const isOutside = !document.getElementById("subnav").contains(event.target); | ||
| const subnavToggle = document.getElementById('subnav-toggle'); | ||
| if (isOutside && subnavToggle.getAttribute("aria-expanded") !== "false") { | ||
| subnavToggle.setAttribute("aria-expanded", "false"); | ||
| } | ||
| }); | ||
| function toggleSubnav() { | ||
| const subnavToggle = document.getElementById('subnav-toggle'); | ||
| if (subnavToggle.getAttribute("aria-expanded") === "false") { | ||
| subnavToggle.setAttribute("aria-expanded", "true"); | ||
| } else { | ||
| subnavToggle.setAttribute("aria-expanded", "false"); | ||
| } | ||
| } | ||
| function closeSubnav() { | ||
| document.getElementById('subnav-toggle').setAttribute("aria-expanded", "false"); | ||
| } | ||
| </script> | ||
| <script> | ||
| document.addEventListener("DOMContentLoaded", () => { | ||
| if (typeof(umami) === 'undefined') { // if umami is not loaded return early | ||
| return; | ||
| } | ||
| // regx to identify posts links and extract post name | ||
| const regExp = /(\/posts\/)(.*)/; | ||
| const match = window | ||
| .location | ||
| .pathname | ||
| .match(regExp); | ||
| if (match && match[1] == "/posts/") { | ||
| const linkElements = document.querySelector("article").querySelectorAll("a"); | ||
| for (let step = 0; step <= linkElements.length - 1; step++) { | ||
| linkElements[step].onclick = () => { | ||
| umami.track(`blog-link-${ | ||
| match[2] | ||
| }`, {"url": linkElements[step].href}) | ||
| } | ||
| } | ||
| } | ||
| }); | ||
| </script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
Oops, something went wrong.