Skip to content

Commit 52b9f53

Browse files
st3phhaysst3phhays
committed
(events) Update Flyout and Supporting Styles
This updates the right side flyout to use links from the new img repository. At the same time, this also adds two new events and styles to support each of them.
1 parent c7dd90b commit 52b9f53

File tree

4 files changed

+91
-26
lines changed

4 files changed

+91
-26
lines changed

‎partials/CollapsingRightSidebarContent.txt

+75-24
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,76 @@
3636
</div>
3737
</div>
3838
<hr />
39+
<div class="text-center">
40+
<a href="https://chocolatey.org/events/unboxing-the-third-major-release-of-boxstarter" rel="noreferrer" target="_blank">
41+
<img class="border mb-3" src="https://img.chocolatey.org/events/01-16.jpg" alt="Unboxing The Third Marjor Release of Boxstarter" />
42+
</a>
43+
<p class="convert-utc-to-local fw-bold" data-event-utc="2022-07-14T16:00:00Z" data-event-occurrence="-1" data-event-include-break="true"></p>
44+
<p class="text-start">Boxstarter version 3.0 marks the beginning of a new era of Boxstarter and Chocolatey. Join Gary, Paul, and Manfred as they unbox the best features of Boxstarter live.</p>
45+
<div class="d-flex align-items-center justify-content-center flex-wrap">
46+
<a href="https://chocolatey.org/events/unboxing-the-third-major-release-of-boxstarter" rel="noreferrer" target="_blank" class="btn btn-outline-primary mt-2 mx-1">Learn More</a>
47+
<div class="mt-2 mx-1">
48+
<div class="atcb" style="display:none;">
49+
{
50+
"name":"Unboxing The Third Marjor Release of Boxstarter",
51+
"description":"Boxstarter version 3.0 marks the beginning of a new era of Boxstarter and Chocolatey. Join Gary, Paul, and Manfred as they unbox the best features of Boxstarter live.",
52+
"location":"https://chocolatey.org/events/unboxing-the-third-major-release-of-boxstarter",
53+
"startDate":"2022-07-14",
54+
"endDate":"2022-07-14",
55+
"startTime":"16:00",
56+
"endTime":"17:00",
57+
"options":[
58+
"Apple",
59+
"Google",
60+
"iCal",
61+
"Microsoft365",
62+
"Outlook.com",
63+
"Yahoo"
64+
],
65+
"trigger":"click",
66+
"inline":true,
67+
"iCalFileName":"unboxing-the-third-major-release-of-boxstarter"
68+
}
69+
</div>
70+
</div>
71+
</div>
72+
</div>
73+
<hr />
74+
<div class="text-center">
75+
<a href="https://chocolatey.org/events/chocolatey-community-coffee-break" rel="noreferrer" target="_blank">
76+
<img class="border mb-3" src="https://img.chocolatey.org/events/01-15-2.jpg" alt="Chocolatey Community Coffee Break" />
77+
</a>
78+
<p class="convert-utc-to-local fw-bold" data-event-utc="2022-06-28T16:00:00Z" data-event-occurrence="-1" data-event-include-break="true"></p>
79+
<p class="text-start">The Chocolatey Community is close to the hearts of the Chocolatey Team. Join us on Discord and meet the Chocolatey Team, find out more about the Chocolatey Community, what we do, and how you can get involved.</p>
80+
<div class="d-flex align-items-center justify-content-center flex-wrap">
81+
<a href="https://chocolatey.org/events/chocolatey-community-coffee-break" rel="noreferrer" target="_blank" class="btn btn-outline-primary mt-2 mx-1">Learn More</a>
82+
<div class="mt-2 mx-1">
83+
<div class="atcb" style="display:none;">
84+
{
85+
"name":"Chocolatey Community Coffee Break",
86+
"description":"The Chocolatey Community is close to the hearts of the Chocolatey Team. Join us on Discord and meet the Chocolatey Team, find out more about the Chocolatey Community, what we do, and how you can get involved.",
87+
"location":"https://chocolatey.org/events/chocolatey-community-coffee-break",
88+
"startDate":"2022-06-28",
89+
"endDate":"2022-06-28",
90+
"startTime":"16:00",
91+
"endTime":"17:00",
92+
"options":[
93+
"Apple",
94+
"Google",
95+
"iCal",
96+
"Microsoft365",
97+
"Outlook.com",
98+
"Yahoo"
99+
],
100+
"trigger":"click",
101+
"inline":true,
102+
"iCalFileName":"chocolatey-community-coffee-break"
103+
}
104+
</div>
105+
</div>
106+
</div>
107+
</div>
108+
<hr />
39109
<div class="shuffle">
40110
<div class="text-center">
41111
<a href="https://chocolatey.zoom.us/webinar/register/WN_3llbuDHORCuexvvR0d8naA" rel="noreferrer" target="_blank">
@@ -87,12 +157,11 @@
87157
<hr />
88158
</div>
89159
<div class="text-center">
90-
<a href="https://www.twitch.tv/chocolateysoftware" rel="noreferrer" target="_blank">
91-
<img class="border mb-3" src="https://img.chocolatey.org/events/04-00.jpg" alt="Chocolatey Explained - Monthly Twitch Stream" />
92-
</a>
160+
<img class="border mb-3" src="https://img.chocolatey.org/events/04-00.jpg" alt="Chocolatey Explained - Monthly Twitch Stream" />
93161
<p class="convert-utc-to-local fw-bold" data-event-utc='2022-04-07T17:00:00Z' data-event-occurrence="1" data-event-include-break="true"></p>
94162
<p class="text-start">Join us on the first Thursday of every month for "Chocolatey Explained" where we will cover different Chocolatey topics in detail.</p>
95163
<a href="https://www.twitch.tv/chocolateysoftware" class="btn btn-twitch btn-width mt-2" target="_blank" rel="nofollow"><i class="fab fa-twitch"></i> Follow on Twitch</a>
164+
<a href="https://www.youtube.com/chocolateysoftware" class="btn btn-youtube btn-width mt-2" target="_blank" rel="nofollow"><i class="fab fa-youtube"></i> Subscribe on YouTube</a>
96165
<hr />
97166
</div>
98167
<div class="text-center">
@@ -109,10 +178,7 @@
109178
</a>
110179
<p><strong>Twitch Stream from<br />Thursday, 7 April 2022</strong></p>
111180
<p class="text-start">Script Builder allows you to bulk install Chocolatey packages in just a few clicks. Just add packages to Script Builder and choose your integration method to get started!</p>
112-
<div class="d-flex align-items-center justify-content-center flex-wrap">
113-
<a href="https://chocolatey.org/events/find-it-add-it-install-it-with-script-builder" class="btn btn-outline-twitch mt-2 mx-1">Watch On-Demand</a>
114-
<a href="https://www.twitch.tv/chocolateysoftware" rel="noreferrer" target="_blank" class="btn btn-twitch mt-2 mx-1"><i class="fab fa-twitch"></i> Follow on Twitch</a>
115-
</div>
181+
<a href="https://chocolatey.org/events/find-it-add-it-install-it-with-script-builder" class="btn btn-primary mt-2 mx-1">Watch On-Demand</a>
116182
<hr />
117183
</div>
118184
<div class="text-center">
@@ -128,27 +194,12 @@
128194
<hr />
129195
</div>
130196
<div class="text-center">
131-
<a href="https://chocolatey.org/events/chocolatey-community-coffee-break" rel="noreferrer" target="_blank">
132-
<img class="border mb-3" src="https://img.chocolatey.org/events/01-15.jpg" alt="Chocolatey Community Coffee Break" />
133-
</a>
134-
<p><strong>Twitch Stream from<br />Thursday, 5 May 2022</strong></p>
135-
<p class="text-start">The Chocolatey Community is close to the hearts of many of the Chocolatey Team. Join Gary, Kim, and Paul if you want to find out more about it, what we do, and how you can get involved.</p>
136-
<div class="d-flex align-items-center justify-content-center flex-wrap">
137-
<a href="https://chocolatey.org/events/chocolatey-community-coffee-break" class="btn btn-outline-twitch mt-2 mx-1">Watch On-Demand</a>
138-
<a href="https://www.twitch.tv/chocolateysoftware" rel="noreferrer" target="_blank" class="btn btn-twitch mt-2 mx-1"><i class="fab fa-twitch"></i> Follow on Twitch</a>
139-
</div>
140-
<hr />
141-
</div>
142-
<div class="text-center">
143-
<a href="https://www.twitch.tv/chocolateysoftware" rel="noreferrer" target="_blank">
197+
<a href="https://chocolatey.org/events/chocolatey-for-business-in-azure" rel="noreferrer" target="_blank">
144198
<img class="border mb-3" src="https://img.chocolatey.org/events/01-14.jpg" alt="Chocolatey For Business. In Azure. In One Click." />
145199
</a>
146200
<p><strong>Twitch Stream from<br />Thursday, 9 June 2022</strong></p>
147201
<p class="text-start">Join James and Josh to show you how you can get the Chocolatey For Business recommended infrastructure and workflow, created, in Azure, in around 20 minutes.</p>
148-
<div class="d-flex align-items-center justify-content-center flex-wrap">
149-
<a href="https://chocolatey.org/events/chocolatey-for-business-in-azure" class="btn btn-outline-twitch mt-2 mx-1">Watch On-Demand</a>
150-
<a href="https://www.twitch.tv/chocolateysoftware" rel="noreferrer" target="_blank" class="btn btn-twitch mt-2 mx-1"><i class="fab fa-twitch"></i> Follow on Twitch</a>
151-
</div>
202+
<a href="https://chocolatey.org/events/chocolatey-for-business-in-azure" class="btn btn-primary mt-2 mx-1">Watch On-Demand</a>
152203
<hr />
153204
</div>
154205
</div>

‎scss/_atcb.scss

+14
Original file line numberDiff line numberDiff line change
@@ -85,6 +85,20 @@
8585
}
8686
}
8787

88+
.atcb-theme-opposite .atcb_button {
89+
border: 1px solid var(--text);
90+
color: var(--text);
91+
92+
&:focus, &:hover, &.atcb_active {
93+
background: var(--text);
94+
color: var(--background-light);
95+
}
96+
97+
&:focus {
98+
box-shadow: 0 0 0 0.25rem rgba($secondary, .25);
99+
}
100+
}
101+
88102
.atcb-link {
89103
.atcb_button {
90104
padding: 0;

‎scss/_buttons-badges.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -305,7 +305,7 @@
305305
}
306306
}
307307

308-
.btn-twitch, .btn-linkedin, .btn-twitter, .btn-website, .btn-facebook, .btn-youtube {
308+
.btn-twitch, .btn-linkedin, .btn-twitter, .btn-website, .btn-facebook, .btn-youtube, .btn-chat {
309309
color: var(--bs-white);
310310

311311
&:focus, &:hover, &.active {

‎scss/variables/_global.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -458,7 +458,7 @@ $rotations: (
458458
);
459459

460460
// Numbers
461-
$general-numbers: 5, 10, 20, 30, 35, 40, 50, 60, 70, 75, 80, 90, 100, 125, 130, 200, 250, 300, 400;
461+
$general-numbers: 5, 10, 20, 30, 35, 40, 50, 60, 65, 70, 75, 80, 90, 100, 125, 130, 200, 250, 300, 400;
462462

463463
// Padding and Margin in rem
464464
$spaces: (

0 commit comments

Comments
 (0)