Skip to content

Commit 25185a6

Browse files
jacopenjacopen
committed
Add aseets
1 parent f2fd356 commit 25185a6

File tree

5 files changed

+316
-38
lines changed

5 files changed

+316
-38
lines changed

‎app/assets/images/cndw2025/header_logo.png‎

57.1 KB
Loading

‎app/assets/images/cndw2025/trademark.png‎

63.4 KB
Loading

‎app/javascript/stylesheets/cndw2025/_cndw2025.scss‎

Lines changed: 293 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -49,38 +49,309 @@
4949
}
5050
&:hover {
5151
background-color: $secondary;
52-
box-shadow: 0px 0px 10px #AAA;
5352
}
54-
&:focus {
55-
background-color: $secondary;
53+
}
54+
#speakers {
55+
background-color: $white;
56+
@media (max-width: 576px) {
57+
display: none;
58+
}
59+
ul {
60+
display: flex;
61+
flex-direction: row;
62+
flex-wrap: wrap;
63+
gap: 50px;
64+
}
65+
li {
66+
list-style: none;
67+
img {}
5668
}
5769
}
58-
#particles-js {
59-
position: absolute;
60-
top: 0;
61-
left: 0;
70+
section.timetable {
6271
width: 100%;
63-
height: 100%;
64-
&:before {
65-
content: '';
66-
position: absolute;
67-
width: 100%;
68-
height: 100%;
69-
background: linear-gradient(-45deg, rgba(33, 33, 33, 0.6), rgba(100, 100, 100, 0.6));
72+
}
73+
}
74+
75+
#exhibition{
76+
text-decoration: none;
77+
display: flex;
78+
justify-content: space-between;
79+
gap: 2em;
80+
flex-wrap: wrap;
81+
}
82+
#exhibition a {
83+
border: 1px solid #999;
84+
padding: 1em;
85+
border-radius: 1em;
86+
background-color: white;
87+
text-align: center;
88+
width: 100%;
89+
@media (min-width: 576px) {
90+
width: 45%;
91+
}
92+
}
93+
#exhibition a:hover {
94+
box-shadow: 0px 0px 5px #CCC;
95+
}
96+
#exhibition a .project img {
97+
max-height: 80px;
98+
display: block;
99+
margin: 0px auto;
100+
}
101+
#particles-js {
102+
position: absolute;
103+
z-index: 1;
104+
width: 100%;
105+
height: 600px;
106+
top: -50px;
107+
left: -50px;
108+
}
109+
110+
#cndw025 #masthead {
111+
h1 {
112+
font-size: 1.0em;
113+
}
114+
h2 {
115+
font-size: 1.5em;
116+
}
117+
.date {
118+
font-size: 2em;
119+
font-weight: lighter;
120+
}
121+
.remaining {
122+
font-size: 1rem;
123+
font-weight: lighter;
124+
}
125+
.remaining-date {
126+
font-size: 3rem;
127+
font-weight: lighter;
128+
}
129+
@media (min-width: 576px) {
130+
h1 {
131+
font-size: 1.0em;
132+
}
133+
h2 {
134+
font-size: 1.5em;
135+
}
136+
.date {
137+
font-size: 2em;
138+
font-weight: lighter;
139+
}
140+
.remaining {
141+
font-size: 1rem;
142+
font-weight: lighter;
143+
}
144+
.remaining-date {
145+
font-size: 2rem;
146+
font-weight: lighter;
70147
}
71148
}
72-
#masthead {
73-
overflow: hidden;
149+
@media (min-width: 768px) {
150+
h1 {
151+
font-size: 1.3em;
152+
text-align: left;
153+
}
154+
h2 {
155+
font-size: 2em;
156+
text-align: left;
157+
}
74158
.date {
159+
font-size: 4em;
160+
font-weight: lighter;
161+
}
162+
.remaining {
163+
font-size: 1.5rem;
75164
font-weight: lighter;
76-
font-size: 3em;
77-
padding: 0;
78-
margin: 0;
79-
line-height: 1;
80165
}
81166
.remaining-date {
82-
font-weight: bold;
83-
font-size: 1.5em;
167+
font-size: 4rem;
168+
font-weight: lighter;
169+
}
170+
}
171+
@media (min-width: 992px) {
172+
h1 {
173+
font-size: 2em;
174+
text-align: left;
175+
}
176+
h2 {
177+
font-size: 3.5em;
178+
text-align: left;
179+
}
180+
.date {
181+
font-size: 4em;
182+
font-weight: lighter;
84183
}
184+
.remaining {
185+
font-size: 2rem;
186+
font-weight: lighter;
187+
}
188+
.remaining-date {
189+
font-size: 4rem;
190+
font-weight: lighter;
191+
}
192+
}
193+
}
194+
195+
// Speaker Dashboard
196+
.speaker-dashboard-form {
197+
background: rgba(255, 255, 255, 0.95);
198+
}
199+
200+
#speaker-landing {
201+
line-height: 200%;
202+
a {
203+
color: $primary;
204+
text-decoration: underline;
205+
}
206+
}
207+
208+
@media (max-width: 992px) {
209+
#speaker-landing {
210+
line-height: 130%;
211+
}
212+
}
213+
214+
.speaker-dashboard-form h2 {
215+
font-weight: bold;
216+
}
217+
218+
.speaker-dashboard-form h3 {
219+
font-weight: bold;
220+
}
221+
222+
.speaker-dashboard-form h4 {
223+
font-weight: bold;
224+
font-size: large;
225+
}
226+
227+
.speaker-dashboard-form p {
228+
font-size: large;
229+
margin: 1em 0;
230+
}
231+
232+
.speaker-dashboard-form ol {
233+
font-size: larger;
234+
margin: 1em 0;
235+
}
236+
237+
.speaker-dashboard-form ul {
238+
font-size: larger;
239+
margin: 1em 0;
240+
}
241+
242+
.speaker-dashboard-form .privacy p {
243+
font-size: small;
244+
}
245+
246+
.speaker-dashboard-form:before h1 {
247+
font-size: small;
248+
}
249+
250+
.entry {
251+
font-size: xx-large;
252+
}
253+
254+
.speaker-dashboard-form .centered-image {
255+
margin: 0 auto;
256+
}
257+
258+
.information {
259+
overflow-x: hidden;
260+
overflow-y: scroll;
261+
height: 300px;
262+
a {
263+
color: $primary;
264+
border-bottom: 2px solid;
265+
}
266+
}
267+
268+
.information.mt-4 {
269+
height: 200px
270+
}
271+
272+
.handson-session {
273+
margin: 50px 0 50px 0;
274+
padding: 50px 0 0 0;
275+
border-top: 1px solid #222222;
276+
}
277+
278+
.alert-url {
279+
color: #ff0000;
280+
}
281+
282+
// .speaker-dashboard-form .field {
283+
// margin-bottom: 10px;
284+
// }
285+
.white_background {
286+
background: rgba(255, 255, 255, 0.95);
287+
}
288+
289+
290+
// // Customize navvar
291+
// // Base styling for the navbar
292+
// #mainNav {
293+
// height: 70px;
294+
// .navbar-brand {
295+
// width: 120px;
296+
// height: 160px;
297+
// position: absolute;
298+
// z-index: 10;
299+
// box-shadow: $box-shadow;
300+
// top: 0px;
301+
// display: block;
302+
// background-color: $white;
303+
// @media (max-width: 576px) {
304+
// width: 90px;
305+
// height: 120px;
306+
// }
307+
// img.vertical{
308+
// display: block;
309+
// }
310+
// img.horizontal{
311+
// display: none;
312+
// }
313+
// }
314+
315+
// }
316+
317+
// #mainNav.changed-header {
318+
// .navbar-brand {
319+
// width: 200px;
320+
// box-shadow: none;
321+
// position: absolute;
322+
// background-color: unset;
323+
// top: 0px;
324+
// @media (max-width: 576px) {
325+
// width: 90px;
326+
// height: 120px;
327+
// }
328+
// img.vertical{
329+
// display: none;
330+
// }
331+
// img.horizontal{
332+
// display: block;
333+
// }
334+
// }
335+
336+
// }
337+
338+
.talk-page {
339+
margin-top: 80px;
340+
}
341+
342+
#community-lt div.community{
343+
border-bottom: 1px dotted #CCC;
344+
a {
345+
text-decoration: underline dotted #CCC 1px;
346+
text-underline-offset: 0.2em;
347+
}
348+
&:hover{
349+
background-color: #EEE;
350+
}
351+
.description{
352+
white-space: pre-wrap;
353+
}
354+
.time {
355+
font-weight: bold;
85356
}
86357
}

‎app/javascript/stylesheets/cndw2025/_variables.scss‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,17 +5,17 @@ $purple: #BD4392;
55
$dark-blue: #206A9B;
66
$brown: hsl(25, 16%, 31%);
77
$gray: #808080;
8-
// CNDW2025 Theme color
98

10-
$tokyo-navy: #001a3a;
11-
$ariake-blue: #008f9e;
12-
$cnd-red: #ae291b;
13-
$cnd-orange: #e26834;
9+
// CNDW2025 Theme color
10+
$tokyo-navy: #216a9c;
11+
$new-magenta: #be4493;
12+
$cnd-cream: #fdffe6;
13+
$cnd-orange: #e99411;
1414

1515
$text: #001a3a;
1616
//- Override primary color
17-
$primary: $ariake-blue;
18-
$secondary: $cnd-orange;
17+
$primary: $tokyo-navy;
18+
$secondary: $new-magenta;
1919
//- Override font system
2020
$font-family-sans-serif: "din-2014",
2121
-apple-system,

‎app/views/event/cndw2025_show.html.erb‎

Lines changed: 16 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
ハイブリッド開催！
2727
</p>
2828
<p class="text-white">
29-
会場未定<br/>
29+
有明セントラルタワーホール&カンファレンス<br/>
3030
+オンライン<br/>
3131
参加費無料
3232
</p>
@@ -81,16 +81,23 @@
8181
</section>
8282
<% end %>
8383

84+
<!-- Access -->
8485
<section class="page-section" id="access">
8586
<div class="container">
86-
<div class="row align-items-center justify-content-center text-center">
87-
<div class="col-lg-12 text-center">
88-
<h2 class="mt-0">Access</h2>
89-
<hr class="divider light my-4" />
90-
<p class="mb-4">
91-
会場：未定<br />
92-
詳細は後日公開予定です
93-
</p>
87+
<div class="row justify-content-center">
88+
<div class="col-lg-8 text-center">
89+
<h2 class="text-white mt-0">Access</h2>
90+
<hr class="divider mx-auto my-4 center-block light" />
91+
</div>
92+
<div class="col-12 col-sm-6">
93+
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12971.28918811224!2d139.7937274!3d35.6321071!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xeea9641b7480ced0!2z5pyJ5piO44K744Oz44OI44Op44Or44K_44Ov44O8IOODm-ODvOODqybjgqvjg7Pjg5XjgqHjg6zjg7Pjgrk!5e0!3m2!1sja!2sjp!4v1668349214585!5m2!1sja!2sjp" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
94+
</div>
95+
<div class="col-12 col-sm-6 align-self-top">
96+
<p class="text-white">
97+
〒135-0063<br/>
98+
有明セントラルタワー ホール＆カンファレンス 3F<br/>
99+
東京都江東区有明3-7-18
100+
</p>
94101
</div>
95102
</div>
96103
</div>

0 commit comments

Comments
 (0)