forked from codrops/CubesAdventCalendar
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
253 lines (250 loc) · 21.6 KB
/
index.html
File metadata and controls
253 lines (250 loc) · 21.6 KB
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Patterns Advent Calendar / InnerSource Commons</title>
<meta name="description" content="An advent calendar for 2025, to highlight InnerSource patterns that need your help!" />
<meta name="keywords" content="advent calendar, web, html template, 3d, cubes, css, javascript, anime.js" />
<meta name="author" content="InnerSource Commons" />
<link rel="shortcut icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Droid+Sans+Mono" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/style2.css" />
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--><script>document.documentElement.className = 'js';</script>
</head>
<body>
<svg class="hidden">
<defs>
<symbol id="icon-arrow" viewBox="0 0 24 24">
<title>arrow</title>
<polygon points="6.3,12.8 20.9,12.8 20.9,11.2 6.3,11.2 10.2,7.2 9,6 3.1,12 9,18 10.2,16.8 "/>
</symbol>
<symbol id="icon-drop" viewBox="0 0 24 24">
<title>drop</title>
<path d="M12,21c-3.6,0-6.6-3-6.6-6.6C5.4,11,10.8,4,11.4,3.2C11.6,3.1,11.8,3,12,3s0.4,0.1,0.6,0.3c0.6,0.8,6.1,7.8,6.1,11.2C18.6,18.1,15.6,21,12,21zM12,4.8c-1.8,2.4-5.2,7.4-5.2,9.6c0,2.9,2.3,5.2,5.2,5.2s5.2-2.3,5.2-5.2C17.2,12.2,13.8,7.3,12,4.8z"/><path d="M12,18.2c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7c1.3,0,2.4-1.1,2.4-2.4c0-0.4,0.3-0.7,0.7-0.7c0.4,0,0.7,0.3,0.7,0.7C15.8,16.5,14.1,18.2,12,18.2z"/>
</symbol>
<symbol id="icon-github" viewBox="0 0 32.58 31.77">
<title>github</title>
<path d="M16.29,0a16.29,16.29,0,0,0-5.15,31.75c.81.15,1.11-.35,1.11-.79s0-1.41,0-2.77C7.7,29.18,6.74,26,6.74,26a4.31,4.31,0,0,0-1.81-2.38c-1.48-1,.11-1,.11-1a3.42,3.42,0,0,1,2.5,1.68,3.47,3.47,0,0,0,4.74,1.35,3.48,3.48,0,0,1,1-2.18C9.7,23.08,5.9,21.68,5.9,15.44a6.3,6.3,0,0,1,1.68-4.37,5.86,5.86,0,0,1,.16-4.31s1.37-.44,4.48,1.67a15.44,15.44,0,0,1,8.16,0c3.11-2.11,4.48-1.67,4.48-1.67A5.85,5.85,0,0,1,25,11.07a6.29,6.29,0,0,1,1.67,4.37c0,6.26-3.81,7.63-7.44,8a3.89,3.89,0,0,1,1.11,3c0,2.18,0,3.93,0,4.47s.29.94,1.12.78A16.29,16.29,0,0,0,16.29,0Z"/>
</symbol>
</defs>
</svg>
<main>
<header class="codrops-header">
<div class="codrops-header__main">
<div class="codrops-links">
<img src="img/isc-logo.png" alt="InnerSource Commons" style="height:40px; vertical-align: middle; margin-right: 15px;">
<!-- <a class="codrops-icon codrops-icon--prev" href="http://tympanus.net/Development/MediaPopUpEffect/" title="Previous Demo"><svg class="icon icon--arrow"><use xlink:href="#icon-arrow"></use></svg></a>
<a class="codrops-icon codrops-icon--drop" href="http://tympanus.net/codrops/?p=28603" title="Back to the article"><svg class="icon icon--drop"><use xlink:href="#icon-drop"></use></svg></a> -->
</div>
<h1 class="codrops-header__title">Advent Calendar - Each day a new Patterns to learn from and contribute to</h1>
</div>
<a href="https://github.com/InnerSourceCommons/InnerSource-Patterns-Advent-Calendar" title="View this project on GitHub" class="github-link"><svg class="icon icon--github"><use xlink:href="#icon-github"></use></svg></a>
<!-- <p class="codrops-header__tagline">Inspired by <a href="http://www.adultswim.com/music/singles-2016/" class="link">Adult Swim</a>. Firefox support is <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=904304" class="link">buggy</a>.</p>
<nav class="codrops-demos">
<a class="link" href="index.html">Demo 1</a>
<a class="link current-demo" href="index2.html">Demo 2</a>
<a class="link" href="index3.html">Demo 3</a>
</nav> -->
</header>
<div class="calendar-wrap">
<div class="calendar">
<!-- initial patterns -->
<div class="cube" data-bg-color="#F7E8ED" data-title="Welcome"></div>
<div class="cube" data-bg-color="#F2D9E6" data-title="Code of Conduct"></div>
<div class="cube" data-bg-color="#ECC6DE" data-title="Balancing Openness and Security"></div>
<div class="cube" data-bg-color="#E0ECF5" data-title="InnerSource Ambassadors"></div>
<div class="cube" data-bg-color="#DDF4DE" data-title="Cross-Team Retrospectives"></div>
<div class="cube" data-bg-color="#F0F1D5" data-title="Document Architecture Decisions"></div>
<div class="cube" data-bg-color="#EEDECD" data-title="Walk the InnerSource talk"></div>
<!-- structured patterns -->
<div class="cube" data-bg-color="#B8E6B3" data-title="30 Day Warranty"></div>
<div class="cube" data-bg-color="#ABE3D8" data-title="Communication Tooling"></div>
<div class="cube" data-bg-color="#E0E1F5" data-title="Core Team"></div>
<div class="cube" data-bg-color="#F7E8ED" data-title="Document your Guiding Principles"></div>
<div class="cube" data-bg-color="#F2D9E6" data-title="Explicit Governance Levels"></div>
<div class="cube" data-bg-color="#DFD1F0" data-title="Extensions for Sustainable Growth"></div>
<div class="cube" data-bg-color="#E0ECF5" data-title="Group Support"></div>
<div class="cube" data-bg-color="#DDF4DE" data-title="InnerSource License"></div>
<div class="cube" data-bg-color="#F0F1D5" data-title="InnerSource Portal"></div>
<div class="cube" data-bg-color="#EEDECD" data-title="Maturity Model"></div>
<div class="cube" data-bg-color="#B8E6B3" data-title="Praise Participants"></div>
<div class="cube" data-bg-color="#DFD1F0" data-title="Repository Activity Score"></div>
<div class="cube" data-bg-color="#6161616" data-title="Service vs. Library"></div>
<div class="cube" data-bg-color="#ABE3D8" data-title="Standard Base Documentation"></div>
<div class="cube" data-bg-color="#E0E1F5" data-title="Start as an Experiment"></div>
<div class="cube" data-bg-color="#DFD1F0" data-title="Transparent Cross-Team Decision Making using RFCs"></div>
<div class="cube" data-bg-color="#6161616" data-title="Trusted Committer"></div>
<div class="cube" data-bg-color="#6161616" data-title="Goodbye"></div>
</div>
<div class="content">
<!-- 1 -->
<div class="content__block">
<h3 class="content__title">Welcome</h3>
<p class="content__description">
Welcome to the InnerSource Patterns advent calendar.
Each day we will share one of our patterns with you.
Some patterns well established, other ones that still need your help to develop their full potential.
If you have never heard of our patterns before, we encourage you to browse our <a href="https://patterns.innersourcecommons.org/">patterns book</a> to learn more.</p>
<p class="content__meta">InnerSource Commons / Patterns Working Group</p>
</div>
<!-- 2 -->
<div class="content__block">
<h3 class="content__title">Code of Conduct</h3>
<p class="content__description">A well-defined Code of Conduct sets the tone for respectful, inclusive collaboration. It helps prevent misunderstandings and ensures that all contributors feel safe and valued, fostering a positive and productive InnerSource community.</p>
<p class="content__meta">Improve the pattern: <a href="https://github.com/InnerSourceCommons/InnerSourcePatterns/blob/main/patterns/1-initial/code-of-conduct.md">Code of Conduct</a></p>
</div>
<!-- 3 -->
<div class="content__block">
<h3 class="content__title">Balancing Openness and Security</h3>
<p class="content__description">Openness drives innovation, but security is essential. This pattern explores how to create transparent processes and open collaboration while protecting sensitive information and maintaining trust within the organization.</p>
<p class="content__meta">Improve the pattern: <a href="https://github.com/InnerSourceCommons/InnerSourcePatterns/blob/main/patterns/1-initial/balancing-openness-and-security.md">Balancing Openness and Security</a></p>
</div>
<!-- 4 -->
<div class="content__block">
<h3 class="content__title">InnerSource Ambassadors</h3>
<p class="content__description">InnerSource Ambassadors champion best practices and help bridge gaps between teams. By mentoring, advocating, and sharing knowledge, they play a key role in building a thriving InnerSource culture.</p>
<p class="content__meta">Improve the pattern: <a href="https://github.com/InnerSourceCommons/InnerSourcePatterns/blob/main/patterns/1-initial/innersource-ambassador.md">InnerSource Ambassadors</a></p>
</div>
<!-- 5 -->
<div class="content__block">
<h3 class="content__title">Cross-Team Retrospectives</h3>
<p class="content__description">Regular cross-team retrospectives create space for honest feedback and shared learning. This pattern helps teams identify challenges, celebrate successes, and continuously improve their collaborative efforts.</p>
<p class="content__meta">Improve the pattern: <a href="https://github.com/InnerSourceCommons/InnerSourcePatterns/blob/main/patterns/1-initial/cross-team-retrospectives.md">Cross-Team Retrospectives</a></p>
</div>
<!-- 6 -->
<div class="content__block">
<h3 class="content__title">Document Architecture Decisions</h3>
<p class="content__description">Capturing architecture decisions ensures transparency and helps future contributors understand the reasoning behind key choices. This pattern encourages teams to document decisions for better maintainability and onboarding.</p>
<p class="content__meta">Improve the pattern: <a href="https://github.com/InnerSourceCommons/InnerSourcePatterns/blob/main/patterns/1-initial/document-architecture-decisions.md">Document Architecture Decisions</a></p>
</div>
<!-- 7 -->
<div class="content__block">
<h3 class="content__title">Walk the InnerSource talk</h3>
<p class="content__description">Actions speak louder than words. This pattern highlights the importance of leading by example—demonstrating InnerSource values in daily work to inspire others and drive real change.</p>
<p class="content__meta">Improve the pattern: <a href="https://github.com/InnerSourceCommons/InnerSourcePatterns/blob/main/patterns/1-initial/walk-the-innersource-talk.md">Walk the InnerSource talk</a></p>
</div>
<!-- 8 -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/30-day-warranty">30 Day Warranty</a></h3>
<p class="content__description">The 30 Day Warranty pattern builds trust between teams by offering a safety net for new code contributions. When a team contributes code to another, they commit to fixing any bugs or issues that arise within the first 30 days. This assurance encourages teams to accept outside contributions more readily, knowing that support is guaranteed. The result is a more open, collaborative environment where innovation can flourish and teams feel confident in sharing their work.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/30-day-warranty">30 Day Warranty</a></p>
</div>
<!-- 9 Communication Tooling -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/communication-tooling">Communication Tooling</a></h3>
<p class="content__description">Effective communication is essential for successful InnerSource collaboration. The Communication Tooling pattern describes how to select and use tools that facilitate clear, open, and inclusive communication among contributors.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/communication-tooling">Communication Tooling</a></p>
</div>
<!-- 10 Core Team -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/core-team">Core Team</a></h3>
<p class="content__description">A dedicated core team is crucial for guiding and sustaining InnerSource projects. The Core Team pattern explains how to form and empower a group of committed contributors who provide leadership and continuity.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/core-team">Core Team</a></p>
</div>
<!-- 11 Document your Guiding Principles -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/document-your-guiding-principles">Document your Guiding Principles</a></h3>
<p class="content__description">Clearly documented guiding principles help align contributors and set expectations. This pattern shows how to create and share principles that foster a healthy InnerSource culture.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/document-your-guiding-principles">Document your Guiding Principles</a></p>
</div>
<!-- 12 Explicit Governance Levels -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/explicit-governance-levels">Explicit Governance Levels</a></h3>
<p class="content__description">Defining clear governance levels helps manage decision-making and responsibilities. The Explicit Governance Levels pattern outlines how to establish transparent structures for InnerSource projects.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/explicit-governance-levels">Explicit Governance Levels</a></p>
</div>
<!-- 13 Extensions for Sustainable Growth -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/extensions-for-sustainable-growth">Extensions for Sustainable Growth</a></h3>
<p class="content__description">Sustainable growth requires thoughtful extension strategies. This pattern describes how to expand InnerSource initiatives while maintaining quality and community engagement.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/extensions-for-sustainable-growth">Extensions for Sustainable Growth</a></p>
</div>
<!-- 14 Group Support -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/group-support">Group Support</a></h3>
<p class="content__description">Support from groups and teams is vital for InnerSource success. The Group Support pattern explains how to build alliances and encourage participation across organizational boundaries.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/group-support">Group Support</a></p>
</div>
<!-- 15 InnerSource License -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/innersource-license">InnerSource License</a></h3>
<p class="content__description">Licensing is an important aspect of InnerSource. The InnerSource License pattern discusses how to choose and implement licenses that support collaboration and protect contributors.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/innersource-license">InnerSource License</a></p>
</div>
<!-- 16 InnerSource Portal -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/innersource-portal">InnerSource Portal</a></h3>
<p class="content__description">An InnerSource portal provides a central hub for resources, documentation, and collaboration. This pattern describes how to design and maintain a portal that supports the community.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/innersource-portal">InnerSource Portal</a></p>
</div>
<!-- 17 Maturity Model -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/maturity-model">Maturity Model</a></h3>
<p class="content__description">The Maturity Model pattern helps organizations assess and improve their InnerSource practices. It provides a framework for measuring progress and identifying areas for growth.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/maturity-model">Maturity Model</a></p>
</div>
<!-- 18 Praise Participants -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/praise-participants">Praise Participants</a></h3>
<p class="content__description">Recognizing and praising participants motivates continued engagement. The Praise Participants pattern shows how to celebrate contributions and foster a positive community spirit.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/praise-participants">Praise Participants</a></p>
</div>
<!-- 19 Repository Activity Score -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/praise-participants">Praise Participants</a></h3>
<p class="content__description">Recognizing and praising participants motivates continued engagement. The Praise Participants pattern shows how to celebrate contributions and foster a positive community spirit.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/praise-participants">Praise Participants</a></p>
</div>
<!-- 20 Service vs. Library -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/service-vs-library">Service vs. Library</a></h3>
<p class="content__description">Choosing between a service and a library impacts collaboration and reuse. This pattern explores the trade-offs and guides teams in making informed decisions.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/service-vs-library">Service vs. Library</a></p>
</div>
<!-- 21 Standard Base Documentation -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/standard-base-documentation">Standard Base Documentation</a></h3>
<p class="content__description">Standardized documentation makes it easier for contributors to get started and collaborate. The Standard Base Documentation pattern describes best practices for creating accessible and useful documentation.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/standard-base-documentation">Standard Base Documentation</a></p>
</div>
<!-- 22 Start as an Experiment -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/start-as-an-experiment">Start as an Experiment</a></h3>
<p class="content__description">Starting InnerSource initiatives as experiments allows teams to learn and adapt. This pattern explains how to pilot new approaches and scale successful practices.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/start-as-an-experiment">Start as an Experiment</a></p>
</div>
<!-- 23 Transparent Cross-Team Decision Making using RFCs -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/transparent-cross-team-decision-making-using-rfcs">Transparent Cross-Team Decision Making using RFCs</a></h3>
<p class="content__description">Transparent decision-making builds trust and alignment. This pattern describes how to use RFCs (Request for Comments) to facilitate open, cross-team collaboration.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/transparent-cross-team-decision-making-using-rfcs">Transparent Cross-Team Decision Making using RFCs</a></p>
</div>
<!-- 24 Trusted Committer -->
<div class="content__block">
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/trusted-committer">Trusted Committer</a></h3>
<p class="content__description">Trusted committers play a key role in maintaining quality and consistency. This pattern explains how to select, empower, and support committers who uphold community standards.</p>
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/trusted-committer">Trusted Committer</a></p>
</div>
<!-- 25 Time to reflect -->
<div class="content__block">
<h3 class="content__title">Goodbye - Time to reflect</h3>
<p class="content__description">We hope you enjoyed this journey through InnerSource patterns. As you reflect on these concepts, consider how they can be applied in your own context to foster collaboration and innovation.</p>
<p class="content__meta">Please share our <a href="https://patterns.innersourcecommons.org/">patterns book</a> with colleagues and friends might find this content helpful.</p>
</div>
<div class="content__number">0</div>
<button class="btn-back" aria-label="Back to the grid view">↵</button>
</div><!-- /content -->
</div>
</main>
<script src="js/charming.min.js"></script>
<script src="js/anime.min.js"></script>
<script src="js/textfx.js"></script>
<script src="js/main2.js"></script>
</body>
</html>