add:jlcpcbpage

RobohanOU · Jun 10, 2024 · e8c5093 · e8c5093
1 parent 519aa50
commit e8c5093
Showing 1 changed file with 134 additions and 0 deletions.
diff --git a/JLCPCB2024.html b/JLCPCB2024.html
@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html lang="ja" dir="ltr">
+
+<head>
+    <!--メタタグ-->
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="RobohanはNHK学生ロボコンに出場している、大阪大学工学部・工学研究科公認のロボット製作団体です。">
+    <meta name="keywords" content="Robohan,ロボハン,大阪大学,阪大,ロボット,ロボコン,サークル,クラブ,課外研究,工学部,工学研究科,FRC,フロンティア研究センター">
+    <meta name="apple-mobile-web-app-title" content="Robohan">
+    <meta name="application-name" content="Robohan">
+    <meta nme="msapplication-TileColor" content="#2d89ef">
+    <meta name="msapplication-TileImage" content="/mstile-144x144.png">
+    <meta name="theme-color" content="#5bbad5">
+
+    <!-- OGP -->
+    <meta property="og:url" content="https://www.robohan.net/" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Robohan ホームページ" />
+    <meta property="og:description" content="大阪大学公認のロボット製作団体です!NHK学生ロボコン優勝を目指し、ロボットの製作を行っています!" />
+    <meta property="og:site_name" content="Robohan -大阪大学ロボット製作団体-" />
+    <meta property="og:image" content="https://www.robohan.net/images/card.jpg" />
+
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@Robohan_" />
+    <meta name="fb:app_id" content="3813245675396094">
+
+    <!--アイコン-->
+    <link rel="apple-touch-icon" sizes="57x57" href="./favicons/apple-touch-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="./favicons/apple-touch-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="./favicons/apple-touch-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="./favicons/apple-touch-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="./favicons/apple-touch-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="./favicons/apple-touch-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="./favicons/apple-touch-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="./favicons/apple-touch-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="./favicons/apple-touch-icon-180x180.png">
+    <link rel="icon" type="image/png" href="./favicons/favicon-32x32.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="./favicons/android-chrome-192x192.png" sizes="192x192">
+    <link rel="icon" type="image/png" href="./favicons/favicon-96x96.png" sizes="96x96">
+    <link rel="icon" type="image/png" href="./favicons/favicon-16x16.png" sizes="16x16">
+    <link rel="manifest" href="/manifest.json">
+    <link rel="mask-icon" href="./favicons/safari-pinned-tab.svg" color="#5bbad5">
+    <link rel="shortcut icon" href="./favicons/favicon.ico">
+
+    <!--タイトル-->
+    <title>JLCPCB様より基板制作費のご支援をいただきました! | Robohan&nbsp;-大阪大学ロボット製作団体-</title>
+
+    <!--font-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=M+PLUS+1:[email protected]&display=swap" rel="stylesheet">
+
+    <!-- CSS -->
+    <link rel="stylesheet" href="./css/html5reset-1.6.1.css">
+    <link rel="stylesheet" href="./css/style.css">
+
+    <!--JavaScript-->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <script type="text/javascript" src="./js/main.js"></script>
+    <script type="text/javascript" src="./js/partsload.js"></script>
+
+</head>
+
+<body>
+    <div id = "wrapper" class = "other">
+        <header>
+            <div id="allheader">
+                <div class="allheadercontents">
+                    <h1>
+                        <a class="homelink headerlogo" href="https://www.robohan.net">
+                            大阪大学公認ロボット製作団体&nbsp;Robohan
+                        </a>
+                    </h1>
+                    <div class="hunbmenu">
+                        <input id="hunbmenuch" type="checkbox">
+                        <label for="hunbmenuch" class="burger">
+                            <span></span>
+                        </label>
+                        <nav class="headernav">
+                            <ul>
+                                <!--以下リンクを追加-->
+                                <li><a class="homelink" href="https://www.robohan.net"><span>HOME</span></a></li>
+                                <li><a class="aboutlink" href="https://www.robohan.net/about"><span>ABOUT</span></a></li>
+                                <li><a class="homelink" href="https://www.robohan.net/#join"><span>JOIN</span></a></li>
+                                <li><a class="homelink" href="https://www.robohan.net/#sponsor"><span>SPONSOR</span></a></li>
+                                <li><a class="homelink" href="https://www.robohan.net/#contact"><span>CONTACT</span></a></li>
+                            </ul>
+                        </nav>
+                    </div>
+                </div>
+            </div>
+        </header>
+        <main class="mainmargin">
+
+            <section id = "jlcpcb2024" class="homesection">
+                <h2 class="homesectiontitle">JLCPCB様より基板制作費のご支援をいただきました！</h2>
+                <div class="homesectionmain">
+                    <p>2023~2024シーズンに置きまして， <a href="https://jlcpcb.jp/">JLCPCB</a>様より基板制作費のご支援をいただきました！
+                    その際に作っていただいた基板について紹介します！また，記事の後半では実際にJLCPCB様に基板を発注する方法についてまとめましたので，
+                    PCB基板を使ってみたいけどやり方がわからない…という際に，参考にしてみてください．</p>
+                    <h3>NHK学生ロボコン2024にむけて作成した基板の紹介</h3>
+                    <p></p>
+
+                    <h3>JLCPCB様での基板発注の方法</h3>
+
+                    <div class="flexbox">
+                        <div class="linkbutton">
+                            <a href="https://jlcpcb.jp/"><span>JLCPCB様</span></a>
+                        </div>
+                        <div class="linkbutton">
+                            <a href="https://cart.jlcpcb.jp/quote"><span>注文ページ</span></a>
+                        </div>
+                    </div>
+                    <h3>新規スポンサー様募集中！</h3>
+                    <p>Robohanの活動を応援していただけるスポンサー様を募集しております.</p>
+                    <p>資金提供(一口2000円から)のほか，技術提供や物資の現物提供などの形での支援も募集しております．</p>
+                    <p>下のお問い合わせからご連絡ください．</p>
+                    <div class="flexbox">
+                        <div class="linkbutton">
+                            <a href="https://robohan.net/#contact"><span>お問い合わせ</span></a>
+                        </div>
+                    </div>
+                </div>
+            </section>
+
+        </main>
+        <footer id="allfooter">
+        </footer>
+    </div>
+    <!--wrapper-->
+</body>
+</html>