Skip to content

Commit 81d8cc0

Browse files
ryudoawaruryudoawaru
authored
Merge pull request #16 from rubytaiwan/add-partners-section
Add Partners Section
2 parents 1ea6df4 + 6d08e93 commit 81d8cc0

9 files changed

Lines changed: 93 additions & 1 deletion

File tree

‎_data/sponsor.yml‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
- type: speaker
2+
url: https://www.combinaut.com
3+
name: Combinaut
4+
logo: Combinaut.png
5+
- type: speaker
6+
url: https://evilmartians.com
7+
name: Evil Martians
8+
logo: evilmartians.svg
9+
- type: special
10+
url: https://www.city.matsue.lg.jp/sangyo_business/sangyoshinko/RubyCityMATSUE/index.html
11+
name: RubyCityMATSUE
12+
logo: matsue.png
13+
- type: special
14+
url: https://piccollage.com
15+
name: Piccollage
16+
logo: piccollage.png

‎_includes/pc_nav.html‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,13 @@
1919
@click.prevent="scrollToSection('schedule')"
2020
>SCHEDULE</a
2121
>
22+
<a
23+
href="#sponsors"
24+
class="nav-link transition-colors cursor-pointer"
25+
:class="activeSection === 'sponsors' ? 'text-red-active' : 'text-red-light hover:text-red-light-active'"
26+
@click.prevent="scrollToSection('sponsors')"
27+
>PARTNERS</a
28+
>
2229
<a
2330
href="#venue"
2431
class="nav-link transition-colors cursor-pointer"

‎_includes/sp_nav.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,13 @@
4747
>
4848
SCHEDULE
4949
</a>
50+
<a
51+
href="#sponsors"
52+
@click.prevent="scrollToSection('sponsors')"
53+
class="-mx-3 block px-3 py-2 font-semibold leading-7 text-white hover:text-red-light transition-colors"
54+
>
55+
PARTNERS
56+
</a>
5057
<a
5158
href="#venue"
5259
@click.prevent="scrollToSection('venue')"
@@ -102,6 +109,12 @@
102109
@click.prevent="scrollToSection('schedule')"
103110
>SCHEDULE</a
104111
>
112+
<a
113+
href="#sponsors"
114+
class="nav-link transition-colors cursor-pointer text-red-light-active hover:text-red-light-hover"
115+
@click.prevent="scrollToSection('sponsors')"
116+
>PARTNERS</a
117+
>
105118
<a
106119
href="#venue"
107120
class="nav-link transition-colors cursor-pointer text-red-light-active hover:text-red-light-hover"

‎_includes/sponsors.html‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<section id="sponsors" class="bg-green-light py-16">
2+
<div class="max-w-7xl mx-auto px-6">
3+
<!-- Section Title -->
4+
<div class="text-center mb-12">
5+
<h2 class="text-4xl md:text-5xl font-bold text-blue-normal mb-4">Partners</h2>
6+
<div class="w-24 h-1 bg-red-normal mx-auto"></div>
7+
</div>
8+
9+
{% if site.data.sponsor %}
10+
<!-- Speaker Sponsors -->
11+
{% assign speaker_sponsors = site.data.sponsor | where: "type", "speaker" %}
12+
{% if speaker_sponsors.size > 0 %}
13+
<div class="mb-12">
14+
<h3 class="text-2xl md:text-3xl font-bold text-blue-normal text-center mb-8">Speaker Supporters</h3>
15+
<div class="grid grid-cols-1 md:grid-cols-2 {% if speaker_sponsors.size == 1 %}lg:grid-cols-1{% elsif speaker_sponsors.size <= 2 %}lg:grid-cols-2{% else %}lg:grid-cols-3{% endif %} gap-8 items-center justify-items-center">
16+
{% for sponsor in speaker_sponsors %}
17+
<div class="group w-full max-w-sm">
18+
<a href="{{ sponsor.url }}" target="_blank" title="{{ sponsor.name }}" class="flex items-center justify-center w-full h-32 px-8 py-6 bg-white rounded-lg hover:bg-white-100 transition-colors shadow-md hover:shadow-lg">
19+
<img
20+
src="/assets/images/{{ sponsor.logo }}"
21+
alt="{{ sponsor.name }}"
22+
class="max-w-full max-h-24 object-contain transition-transform group-hover:scale-105"
23+
/>
24+
</a>
25+
</div>
26+
{% endfor %}
27+
</div>
28+
</div>
29+
{% endif %}
30+
31+
<!-- Special Sponsors -->
32+
{% assign special_sponsors = site.data.sponsor | where: "type", "special" %}
33+
{% if special_sponsors.size > 0 %}
34+
<div class="mb-12">
35+
<h3 class="text-2xl md:text-3xl font-bold text-blue-normal text-center mb-8">Special Thanks</h3>
36+
<div class="grid grid-cols-1 md:grid-cols-2 {% if special_sponsors.size == 1 %}lg:grid-cols-1{% elsif special_sponsors.size <= 2 %}lg:grid-cols-2{% else %}lg:grid-cols-3{% endif %} gap-8 items-center justify-items-center">
37+
{% for sponsor in special_sponsors %}
38+
<div class="group w-full max-w-sm">
39+
<a href="{{ sponsor.url }}" target="_blank" title="{{ sponsor.name }}" class="flex items-center justify-center w-full h-32 px-8 py-6 bg-white rounded-lg hover:bg-white-100 transition-colors shadow-md hover:shadow-lg">
40+
<img
41+
src="/assets/images/{{ sponsor.logo }}"
42+
alt="{{ sponsor.name }}"
43+
class="max-w-full max-h-24 object-contain transition-transform group-hover:scale-105"
44+
/>
45+
</a>
46+
</div>
47+
{% endfor %}
48+
</div>
49+
</div>
50+
{% endif %}
51+
{% endif %}
52+
53+
</div>
54+
</section>

‎assets/images/Combinaut.png‎

10.5 KB
Loading

‎assets/images/evilmartians.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎assets/images/matsue.png‎

20.4 KB
Loading

‎assets/images/piccollage.png‎

83.5 KB
Loading

‎index.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@
4343
},
4444
4545
updateActiveSection() {
46-
const sections = ['top', 'speakers', 'schedule', 'venue', 'party', 'coscup'];
46+
const sections = ['top', 'speakers', 'schedule', 'sponsors', 'venue', 'party', 'coscup'];
4747
const scrollPos = window.scrollY;
4848
const windowHeight = window.innerHeight;
4949
const documentHeight = document.body.scrollHeight;
@@ -111,6 +111,7 @@
111111
{% include schedule.html day=2%}
112112
</div>
113113
</div>
114+
{% include sponsors.html %}
114115
<section id="venue">
115116
<div
116117
class="mb-5 md:pl-16 pl-5 flex gap-2 md:hidden items-center"

0 commit comments

Comments
 (0)