add profile page of shunsei

StudioAquatan · Apr 11, 2023 · ce471f9 · ce471f9
1 parent 1ad38dd
commit ce471f9
Show file tree

Hide file tree

Showing 2 changed files with 229 additions and 0 deletions.
diff --git a/images/avatars/shunsei.jpg b/images/avatars/shunsei.jpg
diff --git a/members/shunsei.html b/members/shunsei.html
@@ -0,0 +1,229 @@
+<!doctype html>
+<html lang="ja" prefix="og: http://ogp.me/ns#">
+<head>
+  <meta charset="utf-8"/>
+  <!-- favicon -->
+  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
+  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
+  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
+  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
+  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
+  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
+  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+
+  <title>shunsei | あくあたん工房</title>
+
+  <!-- OGP information -->
+  <meta property="og:title" content="shunsei | あくあたん工房"/>
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://www.aquatan.studio/members/shunsei.html"/>
+  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/shunsei.jpg"/>
+  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
+  <meta property="og:description" content="あくあたん工房所属メンバーshunseiのプロフィールページ"/>
+  <meta name="twitter:card" content="summary"/>
+  <meta name="twitter:site" content="@StudioAquatan"/>
+
+  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
+  <meta name="viewport" content="width=device-width"/>
+
+  <!-- Bootstrap core CSS     -->
+  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
+  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
+  <!--<link href="css/demo.css" rel="stylesheet"/>-->
+  <link href="../css/main.css" rel="stylesheet"/>
+
+  <!--     Fonts and icons     -->
+  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
+  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
+  <link href="../css/nucleo-icons.css" rel="stylesheet">
+
+</head>
+<body>
+<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
+  <div class="container">
+    <div class="navbar-translate">
+      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
+      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
+              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
+              aria-label="Toggle navigation">
+        <span class="navbar-toggler-bar"></span>
+        <span class="navbar-toggler-bar"></span>
+        <span class="navbar-toggler-bar"></span>
+      </button>
+    </div>
+    <div class="collapse navbar-collapse" id="navbarToggler">
+      <ul class="navbar-nav ml-auto">
+        <li class="nav-item">
+          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
+        </li>
+        <li class="nav-item">
+          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
+        </li>
+        <li class="nav-item">
+          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
+             href="https://twitter.com/StudioAquatan/" target="_blank">
+            <i class="fa fa-twitter"></i>
+            <p class="d-lg-none">Twitter</p>
+          </a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
+             href="https://www.github.com/StudioAquatan" target="_blank">
+            <i class="fa fa-github"></i>
+            <p class="d-lg-none">GitHub</p>
+          </a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</nav>
+<div class="wrapper">
+  <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
+    <div class="filter"></div>
+  </div>
+  <div class="section profile-content">
+    <div class="container">
+      <div class="owner">
+        <div class="avatar">
+          <img src="../images/avatars/shunsei.jpg" alt="shunsei"
+               class="img-circle img-no-padding img-responsive">
+        </div>
+        <div class="name">
+          <h4 class="title">shunsei<br/></h4>
+          <h6 class="description">DEVELOPER</h6>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-md-6 ml-auto mr-auto text-center">
+          <p class="profile-description">タイポの達人</p>
+          <div class="text-center profile-links">
+            <a href="//twitter.com/XeRn1227" class="btn btn-link btn-primary">
+              <i class="fa fa-twitter"></i>
+            </a>
+            <a href="//github.com/kimurash" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
+            <a href="//www.aquatan.studio/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>
+          </div>
+        </div>
+      </div>
+      <br/>
+
+      <div class="nav-tabs-navigation">
+        <div class="nav-tabs-wrapper">
+          <ul class="nav nav-tabs" role="tablist">
+            <li class="nav-item">
+              <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div class="tab-content following">
+        <div class="tab-pane active" id="follows" role="tabpanel">
+          <div class="row">
+            <div class="col-md-6 ml-auto mr-auto">
+              <ul class="list-unstyled">
+                <li>
+                  <div class="row profile-tab-item">
+                    <div class="col-6"><h5>C++</h5></div>
+                    <div class="col-6"><p>競技プログラミング</p></div>
+                  </div>
+                </li>
+                <hr/>
+                <li>
+                  <div class="row profile-tab-item">
+                    <div class="col-6"><h5>Java</h5></div>
+                    <div class="col-6"><p>Nand2Tetris</p></div>
+                  </div>
+                </li>
+                <hr/>
+                <li>
+                  <div class="row profile-tab-item">
+                    <div class="col-6"><h5>Python</h5></div>
+                    <div class="col-6"><p>scikit-learn, Flask</p></div>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+        <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
+          <div class="col-md-6 ml-auto mr-auto">
+            <ul class="list-unstyled">
+              <li>
+                <div class="row profile-tab-item">
+                  <div class="col-6"><h5>Vim</h5>
+                  </div><div class="col-6"><p>使いこなせたらカッコよくない?</p></div>
+                </div>
+              </li>
+              <hr/>
+              <li>
+                <div class="row profile-tab-item">
+                  <div class="col-6"><h5>Rust</h5></div>
+                  <div class="col-6"><p>再入門</p></div>
+                </div>
+              </li>
+              <hr/>
+              <li>
+                <div class="row profile-tab-item">
+                  <div class="col-6"><h5>数学</h5></div>
+                  <div class="col-6"><p>大学数学一巡り</p></div>
+                </div>
+              </li>
+              <hr/>
+              <li>
+                <div class="row profile-tab-item">
+                  <div class="col-6"><h5>計算理論</h5></div>
+                  <div class="col-6"><p>プログラマとしての教養</p></div>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<footer class="footer section-dark">
+  <div class="container">
+    <div class="row">
+      <nav class="footer-nav">
+        <ul>
+          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
+          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
+          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
+        </ul>
+      </nav>
+      <div class="credits ml-auto">
+					<span class="copyright">
+						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
+					</span>
+      </div>
+    </div>
+  </div>
+</footer>
+</body>
+
+<!-- Core JS Files -->
+<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
+<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
+<script src="../js/popper.js" type="text/javascript"></script>
+<script src="../js/bootstrap.min.js" type="text/javascript"></script>
+<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
+<!--  Paper Kit Initialization snd functons -->
+<script src="../js/paper-kit.js?v=2.1.0"></script>
+
+</html>