Skip to content

Commit 4e93847

Browse files
spierspier
committed
Cleanup
1 parent 9596606 commit 4e93847

File tree

2 files changed

+44
-19
lines changed

2 files changed

+44
-19
lines changed

‎index.html‎

Lines changed: 36 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@
4242
<!-- <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>
4343
<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> -->
4444
</div>
45-
<h1 class="codrops-header__title">Patterns Advent Calendar</h1>
45+
<h1 class="codrops-header__title">Advent Calendar - Each day a new Patterns to learn from and contribute to</h1>
4646
</div>
4747
<!-- <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>
4848
<nav class="codrops-demos">
@@ -54,15 +54,17 @@ <h1 class="codrops-header__title">Patterns Advent Calendar</h1>
5454
</header>
5555
<div class="calendar-wrap">
5656
<div class="calendar">
57+
<!-- initial patterns -->
5758
<div class="cube" data-bg-color="#F7E8ED" data-title="Welcome"></div>
5859
<div class="cube" data-bg-color="#F2D9E6" data-title="Code of Conduct"></div>
5960
<div class="cube" data-bg-color="#ECC6DE" data-title="Balancing Openness and Security"></div>
6061
<div class="cube" data-bg-color="#E0ECF5" data-title="InnerSource Ambassadors"></div>
62+
<div class="cube" data-bg-color="#DDF4DE" data-title="Cross-Team Retrospectives"></div>
63+
<div class="cube" data-bg-color="#F0F1D5" data-title="Document Architecture Decisions"></div>
64+
<div class="cube" data-bg-color="#EEDECD" data-title="Walk the InnerSource talk"></div>
65+
<!-- structured patterns -->
66+
<div class="cube" data-bg-color="#B8E6B3" data-title="30 Day Warranty"></div>
6167

62-
<div class="cube" data-bg-color="#DDF4DE" data-title="Live Freely"></div>
63-
<div class="cube" data-bg-color="#F0F1D5" data-title="Tolerable Planet"></div>
64-
<div class="cube" data-bg-color="#EEDECD" data-title="Normal"></div>
65-
<div class="cube" data-bg-color="#B8E6B3" data-title="Superhero"></div>
6668
<div class="cube" data-bg-color="#ABE3D8" data-title="New Weariness"></div>
6769
<div class="cube" data-bg-color="#E0E1F5" data-title="The Sinner"></div>
6870
<div class="cube" data-bg-color="#F7E8ED" data-title="Intellectual Wealth"></div>
@@ -85,14 +87,18 @@ <h1 class="codrops-header__title">Patterns Advent Calendar</h1>
8587
<!-- 1 -->
8688
<div class="content__block">
8789
<h3 class="content__title">Welcome</h3>
88-
<p class="content__description">Welcome to our advent calendar. Some text here. Not too much. Not too little.</p>
90+
<p class="content__description">
91+
Welcome to the InnerSource Patterns advent calendar.
92+
Each day we will share one of our patterns with you.
93+
Some patterns well established, other ones that still need your help to develop their full potential.
94+
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>
8995
<p class="content__meta">InnerSource Commons / Patterns Working Group</p>
9096
</div>
9197
<!-- 2 -->
9298
<div class="content__block">
9399
<h3 class="content__title">Code of Conduct</h3>
94100
<p class="content__description">Help us to improve the <a href="https://github.com/InnerSourceCommons/InnerSourcePatterns/blob/main/patterns/1-initial/code-of-conduct.md">Code of Conduct</a> pattern.</p>
95-
<p class="content__meta"> </p>
101+
<!-- <p class="content__meta"></p> -->
96102
</div>
97103
<!-- 3 -->
98104
<div class="content__block">
@@ -106,22 +112,35 @@ <h3 class="content__title">InnerSource Ambassadors</h3>
106112
<p class="content__description">Help us to improve the <a href="https://github.com/InnerSourceCommons/InnerSourcePatterns/blob/main/patterns/1-initial/innersource-ambassador.md">InnerSource Ambassadors</a> pattern.</p>
107113
<p class="content__meta"> </p>
108114
</div>
109-
115+
<!-- 5 -->
110116
<div class="content__block">
111-
<h3 class="content__title">Live Freely</h3>
112-
<p class="content__description">It is the preoccupation with possessions, more than anything else that prevents us from living freely and nobly.</p>
113-
<p class="content__meta">Bertrand Russell</p>
117+
<h3 class="content__title">Cross-Team Retrospectives</h3>
118+
<p class="content__description">Help us to improve the <a href="https://github.com/InnerSourceCommons/InnerSourcePatterns/blob/main/patterns/1-initial/cross-team-retrospectives.md">Cross-Team Retrospectives</a> pattern.</p>
119+
<p class="content__meta"></p>
114120
</div>
121+
<!-- 6 -->
115122
<div class="content__block">
116-
<h3 class="content__title">Tolerable Planet</h3>
117-
<p class="content__description">What is the use of a house if you haven't got a tolerable planet to put it on?</p>
118-
<p class="content__meta">Henry David Thoreau</p>
123+
<h3 class="content__title">Document Architecture Decisions</h3>
124+
<p class="content__description">Help us to improve the <a href="https://github.com/InnerSourceCommons/InnerSourcePatterns/blob/main/patterns/1-initial/document-architecture-decisions.md">Document Architecture Decisions</a> pattern.</p>
125+
<p class="content__meta"></p>
119126
</div>
127+
<!-- 7 -->
120128
<div class="content__block">
121-
<h3 class="content__title">Normal</h3>
122-
<p class="content__description">Normal is getting dressed in clothes that you buy for work and driving through traffic in a car that you are still paying for - in order to get to the job you need to pay for the clothes and the car, and the house you leave vacant all day so you can afford to live in it.</p>
123-
<p class="content__meta">Ellen Goodman</p>
129+
<h3 class="content__title">Walk the InnerSource talk</h3>
130+
<p class="content__description">Help us to improve the <a href="https://github.com/InnerSourceCommons/InnerSourcePatterns/blob/main/patterns/1-initial/walk-the-innersource-talk.md">Walk the InnerSource talk</a> pattern.</p>
131+
<p class="content__meta"></p>
124132
</div>
133+
<!-- 8 -->
134+
<div class="content__block">
135+
<h3 class="content__title"><a href="https://patterns.innersourcecommons.org/p/30-day-warranty">30 Day Warranty</a></h3>
136+
<p class="content__description">When accepting contributions from outside of your own team, there is a natural aversion to taking responsibility for code not written by the team itself. Through the 30 Day Warranty the contributing team consents to provide bug fixes to the receiving team, which will increase the level of trust between both teams and makes it more likely that contributions get accepted.</p>
137+
<p class="content__meta">Read the whole pattern: <a href="https://patterns.innersourcecommons.org/p/30-day-warranty">30 Day Warranty</a></p>
138+
</div>
139+
140+
141+
142+
143+
125144
<div class="content__block">
126145
<h3 class="content__title">Superhero</h3>
127146
<p class="content__description">The reality of loving God is loving him like he's a Superhero who actually saved you from stuff rather than a Santa Claus who merely gave you some stuff.</p>

‎js/main2.js‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -88,7 +88,12 @@
8888
*/
8989
this.cube = document.createElement('div');
9090
this.cube.className = this.isActive ? 'cube' : 'cube cube--inactive';
91-
this.cube.innerHTML = '<div class="cube__side cube__side--back"></div><div class="cube__side cube__side--left"></div><div class="cube__side cube__side--right"></div><div class="cube__side cube__side--bottom"></div><div class="cube__side cube__side--top"></div><div class="cube__side cube__side--front"><div class="cube__number">' + (this.number+1) + '</div></div>';
91+
// Check for image attribute
92+
var imgSrc = '';
93+
if (this.options.img) {
94+
imgSrc = '<img src="' + this.options.img + '" alt="Day ' + (this.number+1) + ' image" class="cube__img" style="width:80%;height:auto;display:block;margin:0 auto;" />';
95+
}
96+
this.cube.innerHTML = '<div class="cube__side cube__side--back">' + imgSrc + '</div><div class="cube__side cube__side--left"></div><div class="cube__side cube__side--right"></div><div class="cube__side cube__side--bottom"></div><div class="cube__side cube__side--top"></div><div class="cube__side cube__side--front"><div class="cube__number">' + (this.number+1) + '</div></div>';
9297
this.currentTransform = {translateZ: 0, rotateX: 0, rotateY: 0};
9398
};
9499

@@ -201,7 +206,7 @@
201206
var self = this;
202207
this.calendarDays.forEach(function(d, pos) {
203208
// Advent calendar logic: only activate days that have been reached
204-
var today = new Date(2025, 11, 5); // Simulates December 5, 2025: //new Date();
209+
var today = new Date(2025, 11, 10); // Simulates December 5, 2025: //new Date();
205210
var year = 2025;
206211
var month = 11; // December (0-based)
207212
var dayOfMonth = pos + 1;
@@ -211,6 +216,7 @@
211216
number: pos,
212217
color: d.getAttribute('data-bg-color') || '#f1f1f1',
213218
previewTitle: d.getAttribute('data-title') || '',
219+
img: d.getAttribute('data-img'),
214220
inactive: !isActive
215221
}),
216222
content = contents[pos];

0 commit comments

Comments
 (0)