Skip to content

Commit eb805f9

Browse files
committed
update notice design
1 parent d8b8a80 commit eb805f9

3 files changed

Lines changed: 94 additions & 47 deletions

File tree

data/news.yaml

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
# ニュースアイテムは上から新しい順に並べます
2+
- content: "Does your organization want to host InnerSource Summit 2025? Click [here](https://bit.ly/4fchanz) to apply or contact us at [info@innersourcecommons.org](mailto:info@innersourcecommons.org) to find out more"
3+
active: true
4+
type: "light"
5+
6+
- content: "Join us on Tuesday, February 18th, 9am GMT / 10am CET / 2:30pm IST / 8pm AEDT, when Dr. Christian DeFeo and Ben Butcher, from Shell, will discuss [Project Fleming: An Open Source Discovery Tool](https://bit.ly/ISCFeb18)"
7+
active: true
8+
type: "primary"
9+
10+
# 以下は非アクティブな過去のお知らせ
11+
- content: "INNERSOURCE SUMMIT 2024 - book your ticket for November 20th and 21st"
12+
url: "https://bit.ly/ISCSUM24"
13+
active: false
14+
type: "primary"
15+
16+
- content: "Join us on Tuesday, June 11th, at 9am BST / 10am CEST / 1:30pm IST / 6pm AEST, when two of our members, Matt Cobby, from Antler, and Guilherme Dellagustin, from SAP, will host an [InnerSource Commons Ask Me Anything session](https://bit.ly/AMAAPAC)"
17+
active: false
18+
type: "light"

layouts/partials/header.html

Lines changed: 12 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -150,52 +150,22 @@ <h4>Latest Projects</h4>
150150

151151
{{ "<!-- /navigation -->" | safeHTML }}
152152

153-
<!-- <section class="notice bg-primary text-light">
154-
<div class="container">
155-
<div class="row align-items-center">
156-
<div class="col-md-12 text-center">
157-
<i class="ti-calendar mr-2"></i>
158-
<a href="https://bit.ly/ISCSUM24" class="bg-primary text-light" target="_blank"> INNERSOURCE SUMMIT 2024 - book your ticket for November 20th and 21st </i></a>
159-
</div>
160-
</div>
161-
</div>
162-
</section> -->
163-
164-
<section class="notice bg-light">
165-
<div class="container">
166-
<div class="row align-items-center">
167-
<div class="col-md-12 text-center">Does your organization want to host InnerSource Summit 2025? Click <a href="https://bit.ly/4fchanz" class="btn-link ml-1" target="_blank">here</a> to apply or contact us at <a href="mailto:info@innersourcecommons.org" class="btn-link ml-1" target="_blank">info@innersourcecommons.org</a> to find out more
168-
</div>
169-
</div>
170-
</div>
171-
</section>
172-
173-
<!-- <section class="notice bg-light">
174-
<div class="container">
175-
<div class="row align-items-center">
176-
<div class="col-md-12 text-center">
177-
<i class="ti-calendar mr-2"></i>Join us on Tuesday, June 11th, at 9am BST / 10am CEST / 1:30pm IST / 6pm AEST, when two of our members, Matt Cobby, from Antler, and Guilherme Dellagustin, from SAP, will host an
178-
<a href="https://bit.ly/AMAAPAC" class="btn-link ml-1" target="_blank"> InnerSource Commons Ask Me Anything session.
179-
<i class="ti-arrow-right"></i></a>
180-
</div>
181-
</div>
182-
</div>
183-
</section> -->
184-
185-
<!-- <section class="notice bg-primary text-light">
186-
</section> -->
187-
188-
<section class="notice bg-primary text-light">
189-
</section>
190-
191-
<section class="notice bg-light">
153+
{{ range site.Data.news }}
154+
{{ if .active }}
155+
<section class="notice bg-{{ .type }}{{ if eq .type "primary" }} text-light{{ end }}">
192156
<div class="container">
193157
<div class="row align-items-center">
194-
<div class="col-md-12 text-center">Join us on Tuesday, February 18th, 9am GMT / 10am CET / 2:30pm IST / 8pm AEDT, when Dr. Christian DeFeo and Ben Butcher, from Shell, will discuss <a href="https://bit.ly/ISCFeb18" class="btn-link ml-1" target="_blank"> Project Fleming: An Open Source Discovery Tool.
195-
<i class="ti-arrow-right"></i></a>
158+
<div class="col-md-12">
159+
{{ if .url }}
160+
<i class="ti-calendar mr-2"></i>
161+
<a href="{{ .url }}" target="_blank">{{ .content }}</a>
162+
{{ else }}
163+
{{ .content | markdownify }}
164+
{{ end }}
196165
</div>
197166
</div>
198167
</div>
199168
</section>
200-
169+
{{ end }}
170+
{{ end }}
201171

static/css/custom-menu.css

Lines changed: 64 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,13 @@
33
align-items: center;
44
justify-content: space-between;
55
max-width: 1140px;
6-
padding: 0 30px;
6+
padding: 0 12px;
77
margin: 0 auto;
88
background: #fff;
99
border-bottom: 1px solid #eee;
1010
position: relative;
1111
}
1212

13-
.logo {
14-
padding-right: 15px;
15-
}
1613

1714
.logo img {
1815
height: 32px;
@@ -409,6 +406,68 @@
409406
}
410407

411408
.menu-item a {
412-
font-size: 13px;
409+
font-size: 12px;
413410
}
411+
412+
.notice {
413+
padding: 6px 15px;
414+
line-height: 1.4;
415+
}
416+
.notice .container {
417+
padding: 0;
418+
margin: 0;
419+
max-width: none;
420+
}
421+
.notice .row {
422+
margin: 0;
423+
display: block;
424+
}
425+
.notice .col-md-12 {
426+
text-align: left !important;
427+
padding: 0;
428+
margin: 0;
429+
width: 100%;
430+
}
431+
.notice i {
432+
position: relative;
433+
top: -1px;
434+
}
435+
}
436+
437+
/* Notice Section */
438+
.notice {
439+
font-size: 12px;
440+
padding: 10px !important;
441+
line-height: 1.2;
442+
}
443+
.notice a {
444+
color: inherit;
445+
text-decoration: underline;
446+
}
447+
.notice.bg-primary a {
448+
color: white;
449+
padding:0px;
450+
margin:0px;
451+
}
452+
.notice .container {
453+
padding: 0;
454+
max-width: 1140px;
455+
margin: 0 auto;
456+
}
457+
.notice .row {
458+
margin: 0;
459+
text-align: left;
460+
}
461+
.notice .col-md-12 {
462+
padding: 0;
463+
margin: 0;
464+
text-align: left;
465+
}
466+
.notice i {
467+
font-size: 11px;
468+
margin: 0;
469+
padding: 0;
470+
vertical-align: middle;
471+
display: inline-block;
472+
text-align: left;
414473
}

0 commit comments

Comments
 (0)