Skip to content

Commit

Permalink
Merge pull request #39 from ijin/open_lp
Browse files Browse the repository at this point in the history 
LP オープン
  • Loading branch information
@seike460
seike460 committed Jul 21, 2023
2 parents fb59f21 + 1c7d046 commit 82bf130
Show file tree
Hide file tree
Showing 3 changed files with 135 additions and 67 deletions.
Binary file added public/assets/images/ServerlessCommunity.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/assets/images/venue.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
202 changes: 135 additions & 67 deletions public/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
<meta property="og:title" content="ServerlessDays Tokyo 2023" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://tokyo.serverlessdays.io" />
<meta property="og:image" content="https://tokyo.serverlessdays.io/assets/images/tokyo-thumbnail-min.png" />
<meta property="og:image" content="https://tokyo.serverlessdays.io/assets/images/ServerlessCommunity.jpg" />
<meta property="og:site_name" content="ServerlessDays Tokyo" />
<meta property="og:description"
content="A community based conference focusing on Serverless based platforms and technologies. Tokyo, September, 2023" />
Expand All @@ -28,110 +28,178 @@
<meta name="twitter:description"
content="A community based conference focusing on Serverless based platforms and technologies. Tokyo, September, 2023" />
<meta name="twitter:creator" content="@serverlessjp">
<meta name="twitter:image" content="https://tokyo.serverlessdays.io/assets/images/tokyo-thumbnail-min.png">
<meta name="twitter:image" content="https://tokyo.serverlessdays.io/assets/images/ServerlessCommunity.jpg">
</head>

<body class="avenir w-100 primaryColor">
<div class="mainBkg h-100 relative">
<div class="mainBkg relative flex justify-end content-center f5 f4-ns w-100 tc tr-l pa1 pa2-ns pa3-l ph5-l avenir primaryColor">
<div
class="fixed-ns flex justify-end justify-between-ns content-center f5 f4-ns w-100 tc tr-l pa1 pa2-ns pa3-l ph5-l avenir primaryColor z-max">
<div class="dn db-ns">
<div class="dn db-ns ph4-l">
<a href="/">
<img src="/assets/images/header_logo_tokyo.png" alt="">
</a>
</div>
<span class="dib tr">
<div class="w-100 tc tl-l">
<a class="pv2 ph2 ph4-l f4 no-underline ba br2 b--transparent primaryTokyoBkg primaryColor"
href="https://serverless.connpass.com/event/290640" target="_blank" rel="noopner">Get Tickets</a>
</div>
</span>
</div>
<div class="flex-l w-100 db relative">
<div class="w-auto w-10-l dn db-l pt4 pt6-ns">
</div>
<div class="w-100 w-80-m w-70-l tc tr-l pt4 pt6-ns pb4 pb5-ns z-5 mr-auto ml-auto">
<h1 class="avenir mt0 tr f3 f2-ns i mv0 mv1-ns">
<img class="v-top-ns cover w-100" src="/assets/images/serverless_days_logo_2023.svg"
alt="serverless DAYS TOKYO 2023 September">
</h1>
<p class="fw7 f4 f3-l tc tl-l pb4">One Day. One Track. One Community</p>
</div>
<div class="w-auto w-10-l dn db-l pt4 pt6-ns">
</div>
<div class="w-100 w-40-l tr-l v-top cover pa0 z-1">
<img src="/assets/images/tokyo_blue.jpg" class="w-100 w-70-l heroImage-l">
<img src="/assets/images/ServerlessCommunity.jpg" class="w-80" alt="">
</div>
<div class="w-100 ph1 pv5 pa5-ns tl f4 secondaryColor">
<div class="container">
<div class="flex-ns mv3">
<div class="w-100 w-50-l tl tl-m ph2 ph3-m ph0-ns">
<h3 class="f2 mv3 mh3">Get Tickets</h3>
<p class="f5 tl mv4 mh3 lh-copy textSecondaryColor">2023 年 8月 22 日（火） までEarly Bird Ticketチケットをご用意してます。<br />是非ご参加ください。</p>
<div class="w-100 w-40-l tc tl-l">
<a class="pv2 ph2 ph4-l f4 no-underline ba br2 b--transparent primaryTokyoBkg primaryColor"
href="https://serverless.connpass.com/event/290640" target="_blank" rel="noopner">Tickets</a>
</div>
<br />
<h3 class="f2 mv3 mh3">Call For Papers</h3>
<p class="f5 tl mv4 mh3 lh-copy textSecondaryColor">2023 年 8月 22 日（火） 23:59 JSTまでが応募期間です。<br />多くのご応募お待ちしています。
</p>
<div class="w-100 w-40-l tc tl-l">
<a class="pv2 ph2 ph4-l f4 no-underline ba br2 b--transparent primaryTokyoBkg primaryColor"
href="https://docs.google.com/forms/d/e/1FAIpQLSdna-_wjUZ0APGg_c0T6vmqbUHiZokIbUA3U2k8dmefEvE-rw/viewform" target="_blank" rel="noopner">Go CfP Page!!</a>
</div>
<br />
<h3 class="f2 mv3 mh3">Call For Sponsors</h3>
<p class="f5 tl mv4 mh3 lh-copy textSecondaryColor">スポンサー募集中です。詳しくは以下の資料をご確認ください。</p>
<div class="w-100 w-40-l tc tl-l">
<a class="pv2 ph2 ph4-l f4 no-underline ba br2 b--transparent primaryTokyoBkg primaryColor"
href="https://serverlessmeetup.s3.ap-northeast-1.amazonaws.com/ServerlessDaysTokyo2023_Overview4Sponsors.2023.7-v2.pdf" target="_blank" rel="noopner">Sponsorship</a>
</div>
<div class="w-30 w-20-l absolute octo-pos">
<img src="/assets/images/octo_mascot.png" alt="Octopus">
</div>
</div>
</div>
</div>
<div class="absolute pos-unicorn z-3">
<img src="/assets/images/unicorn_mascot.png" alt="Unicorn">
</div>
<div class="absolute pos-owl z-3">
<img class="dn db-l" src="/assets/images/main_owl_mascot.png" alt="Owl">
<img class="db dn-l" src="/assets/images/owl_mascot.png" alt="Owl">
</div>
<div class="absolute pos-anteater z-3">
<img src="/assets/images/Anteater_mascot.png" alt="Anteater">
</div>
<div class="w-100 ph1 pv3 pa3-ns f5 f4-ns tl f5 f4-ns primaryColor venueBkg">
<div class="container relative">
<div class="flex-ns flex-column flex-row-l mv3 mv4-l">
<div class="w-100 h-100 w-40-l tl ph3 ph0-l pb3 pb0-l">
<h2 class="f2 mv3 mh3">Venue</h2>
<div class="f5 lh-copy pr3-m pb4 mh3">
<p class="textWhiteColor">カンファレンスは2023年9月23日(土)<br /><a href="https://classmethod.jp/" target="_blank" rel="noopener">クラスメソッド</a>で開催されます。</p>
<p>所在地：〒105-0003 東京都港区西新橋1-1-1 日比谷フォートタワー26階</p>
<p>交通</p>
<ul>
<li>東京メトロ日比谷線 / 丸ノ内線 / 千代田線 霞ケ関駅 C4出口から地下通路で接続</li>
<li>都営三田線 内幸町駅 A6出口から地下通路で接続</li>
<li>JR新橋駅 西口 徒歩7分</li>
</ul>
</div>
<div class="mh3">
<span>
<a class="pv2 ph3 ph4-ns f5 f4-ns no-underline ba br2 b--transparent mr2 primaryTokyoColor primaryBtnBkg"
href="https://goo.gl/maps/mDdwBZTqA94MFBzE6" target="_blank" rel="noopener">Directions</a>
</span>
</div>
</div>
<div class="w-100 w-40-l db-ns tc tl-m ph2 ph3-m ph0-l mt3 mt5-l z-5">
<img class="ba br3 b--transparent pt4 pt0-ns cover" height="320" src="/assets/images/venue.png">
</div>
<div class="bkg-dino z-0 dn db-l">
<img src="/assets/images/Dino_mascot.png" alt="">
</div>
</div>
</div>
</div>
<div class="contrastBkg contrastColor pa3 db w-100">
<div class="flex-l mb2">
<div class="w-100 w-05-l dn db-l">
<div class="w-100 workshopBkg ph1 pv5 pa5-ns tl f4 secondaryColor">
<div class="container relative">
<div class="flex-ns flex-column flex-row-l mv3 mv4-l">
<div class="w-100 h-100 tl ph3 ph0-l pb3 pb0-l">
<h2 class="f2 mv3 mh3">Workshops</h2>
<p class="f6 mv3 mh3 textBlackColor">ハンズオンワークショップは2023年9月24日(日)、docomo R&D LAB ODAIBAで開催されます。</p>
<ul class="list pa0 mh3 f6">
<li class="pv2 pv1-l lh-title"><span
class="workshopListTitle dib tc secondaryConstrastBkg primaryColor pv1 ph3 mb1 mr2 br4">所在地</span><br
class="db dn-l">〒135-0091 東京都港区台場２丁目３−２ 台場フロンティアビル 12F</li>
<li class="pv2 pv1-l lh-title"><span
class="workshopListTitle dib tc secondaryConstrastBkg primaryColor pv1 ph3 mb1 mr2 br4">交通</span><br
class="db dn-l"><span>ゆりかもめ「お台場海浜公園」駅より徒歩 1 分 &nbsp;&nbsp;／&nbsp;&nbsp; りんかい線「東京テレポート」駅より徒歩 3 分</span>
</li>
</ul>
</div>
</div>
</div>
</div>

<!--
<div class="w-100 ph1 pv3 pa3-ns tl f4 primaryColor agendaBkg">
<div id="code-of-condact" class="w-100 ph1 pv5 pa5-ns tl f4 contrastColor cocBkg">
<div class="container">
<h2 class="f2 pt4 mv3 mh3">Dates</h2>
<div class="pv5">
<div class="heroDate">
<ul glot-model="dates">
<li class="done">
<div class="checkmark">✔️</div>
<div class="text">2019年6月24日 : <br class="db dn-l"><strong>CFP募集開始</strong>
</div>
</li>
<li class="done">
<div class="checkmark">✔️</div>
<div class="text">2019年8月5日 : <br class="db dn-l"><strong>チケット販売開始</strong></div>
</li>
<li class="done">
<div class="checkmark">✔️</div>
<div class="text">2019年9月7日 : <br class="db dn-l"><strong>CFP募集締切</strong>
</div>
</li>
<li>
<div class="checkmark">️</div>
<div class="text">2019年9月21日 : <br class="db dn-l"><strong>スピーカー発表</strong></div>
</li>
<li>
<div class="checkmark">️</div>
<div class="text">2019年10月22日 : <br class="db dn-l"><strong>ServerlessDays Tokyoカンファレンスデイ@Tabloid</strong></div>
</li>
</ul>
<div class="mv3">
<div class="w-100 tl tl-m ph2 ph3-m ph0-ns mb4">
<h2 class="f2 mv3 mh3 tl primaryFukuokaColor">Code of Conduct</h2>
<p class="f5 tl mv4 mh3 lh-copy">
このカンファレンスに出席するすべての出席者、講演者、スポンサー、そしてボランティアは、<br class="dn db-l">
以下の行動規範に同意する必要があります。主催者はイベント全体を通しこの規約を執行します。<br>
私たちは参加者全員のために安全な環境を確実なものとするために、すべての参加者からの協力を期待しています。
</p>
<p class="f5 tl mv2 mh3 lh-copy b">
Jeffは「互いに素晴らしい存在であれ」と言っています。
</p>
</div>
<div class="w-100 ph3 mv3">
<div class="tl tl-m ph2 ph3-m ph0-ns contrastBorder mb1 ba br4">
<div class="w-90 w-80-l mr-auto ml-auto pv4">
<span class="f5 workshopListTitle dib tc primaryBkg primaryColor pv1 ph3 mb1 mr2 br4 b">要約</span>
<p class="f6 tl mt2 mb4 pb4 lh-copy bb contrastBorder">
私たちのカンファレンスは、性別、性同一性や表現、年齢、性的指向、身体障害、体型、体格、人種、または宗教（あるいは無宗教）にかかわらず、誰もが嫌な思いをすることのない体験を提供したいと考えています。参加者への嫌がらせ行為（ハラスメント）をいかなる形でも容認しません。性的表現を有する発言や画像は、講演、ワークショップ、パーティー、Twitterおよび他のオンラインメディアを含む、あらゆるカンファレンスの場において適切ではありません。これらの規則に違反した参加者は、カンファレンスの開催者の裁量で返金することなく、カンファレンスへの参加をお断りさせていただく可能性があります。
</p>
<span class="f5 workshopListTitle dib tc primaryBkg primaryColor pv1 ph3 mb1 mr2 br4 b">全文</span>
<p class="f6 tl mv2 lh-copy">
嫌がらせには、性別、年齢、性的指向、身体障害、体格、人種、宗教、公共の場での性的なイメージの提示、意図的な脅迫、ストーキング、フォロー、写真や録音による嫌がらせ、講演やその他イベントを中断させるような不快な発言、不適切な身体的接触、歓迎されない性に関する指摘といった行為が含まれます。
</p>
<p class="f6 tl mv2 lh-copy">
これらの嫌がらせ行為を中止するように求められた参加者は、直ちにそれを遵守することが求められます。
</p>
<p class="f6 tl mv2 lh-copy">
スポンサーもハラスメント防止ポリシーの対象となります。特に、スポンサーは性的なイメージ、活動、その他の素材を使用するべきではありません。ブースのスタッフ（ボランティアを含む）は、性を強調した衣服/ユニフォーム/コスチュームを使用したり、あるいは性が強調された環境を作ってはいけません。
</p>
<p class="f6 tl mv2 lh-copy">
参加者が嫌がらせ行為に関与している場合、カンファレンスの開催者は、違反者への警告や返金なしでのカンファレンスへの参加の辞退など、適切と思われる行動を取ることができます。
</p>
<p class="f6 tl mv2 lh-copy">
あなたが嫌がらせを受けている場合や、他の誰かが嫌がらせを受けている、その他の懸念がある場合は、すぐにカンファレンスの運営スタッフに連絡してください。カンファレンスのスタッフは、スタッフ専用のTシャツを着ていますので、それによって判別することができます。
</p>
<p class="f6 tl mv2 lh-copy">
カンファレンススタッフは、参加者が宿泊先や会場のセキュリティ機関、または開催地を管轄している法的執行機関への連絡や、案内の提供、またはその他の方法で、カンファレンスの会期中に参加者が心身の安全を感じられるように支援します。私たちはあなたの出席を大切にしています。
</p>
<p class="f6 tl mv2 lh-copy">
私たちは、すべての参加者がカンファレンスやワークショップの会場、カンファレンスに関連する全ての交流イベントなどにおいて、これらの規範に従うことを期待しています。
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
-->


<div class="w-100 ph1 pv5 pa5-ns tl f4 secondaryColor signupBkg">
<div class="container">
<div class="flex-ns mv3">
<div class="w-100 w-50-l tl tl-m ph2 ph3-m ph0-ns">
<h2 class="f2 mv3 mh3 tl">Sign Up</h2>
<p class="f5 tl mv4 mh3 lh-copy textSecondaryColor">
If you would like to be notified when Call for Papers is published, tickets go on sale, and the agenda is released, follow the <a href="https://twitter.com/serverlessjp" target="_blank" rel="noopener">@serverlessjp</a> account on Twitter. </p>
<p class="f5 tl mv4 mh3 lh-copy textSecondaryColor">Call for
Papersが公開された、チケットが発売された、およびアジェンダが公開された際に通知を受け取りたい場合は、
Twitterの<a href="https://twitter.com/serverlessjp"
target="_blank" rel="noopener">@serverlessjp</a>アカウントをフォローしてください。</p>
<h2 class="f2 mv3 mh3 tl">Inquiry</h2>
<p class="f5 tl mv4 mh3 lh-copy textSecondaryColor">
お問い合わせは次のメールアドレスまでお願いします。<br>
jp.serverless@gmail.com, serverless@sec9.co.jp
</p>
</div>
</div>
</div>
</div>


<script type="text/javascript" src="https://js.createsend1.com/javascript/copypastesubscribeformlogic.js"></script>

<div class="w-100 pv3 primaryColor footerBkg">
Expand All @@ -154,7 +222,7 @@ <h2 class="f2 mv3 mh3 tl">Sign Up</h2>
</div>
<div class="tc pv1 pv3-ns">
<a class="primaryColor no-underline pa2 v-mid f5"
href="mailto:tokyo@serverlessdays.io">tokyo@serverlessdays.io</a>
href="mailto:jp.serverless@gmail.com">jp.serverless@gmail.com</a>
<a class="primaryColor no-underline pa2 v-mid f5" href="https://twitter.com/serverlessjp" target="_blank"
rel="noopener">@serverlessJP</a>
</div>
Expand Down

0 comments on commit 82bf130

Please sign in to comment.