https://sdn-project.net/

1<!DOCTYPE html>
2<html lang="ja">
3<head prefix="og: http://ogp.me/ns#">
4	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
5<title>SDN Project "SDN" doesn't have a deep meaning... :: Homepage</title>
6	<link rel="canonical" href="https://sdn-project.net" />
7	<meta name="robots" content="Index, Follow"/>
8<meta name="description" content="ドット絵やプログラミング系をメインにした個人サイト ドット絵やプログラミング系をメインにした個人サイト ドット絵やプログラミング系をメインにした個人サイト">
9<meta property="og:title" content="SDN Project">
10<meta property="og:type" content="website">
11<meta property="og:url" content="https://sdn-project.net/">
12<meta property="og:image" >
13<meta name="twitter:card" content="summary">
14<meta name="twitter:site" content="@sdn_tome">
15<meta name="twitter:title" content="SDN Project">
16<meta name="twitter:description" content="ドット絵やプログラミング系をメインにした個人サイト">
17<meta name="twitter:image" >
18<meta name="keywords" content="SDN Project,栃尾トメ,ドット絵,sdn_tome,pixelart">
19<meta name="author" content="栃尾トメ">
20<meta name="viewport" content="width=device-width, initial-scale=1">
21<link rel="stylesheet" href="css/style_20170303.css">
22<link rel="stylesheet" href="css/spstyle_20170221.css">

23<script src="jslib/queries.min_v2.10.0.js"></script>

23

24<script src="js/pagescroll_20170221.js"></script>

24

25<script src="js/nav_20170221.js"></script>

25

26<script src="js/analyser_20170221.js" async></script>

26
27<link rel="stylesheet" href="css/slideview_20170221.css">

28<script src="js/slideview_20170221.js"></script>

28
29</head>
30</head>
31<body>
32<header id="mainHeader">
33  <div>
34    <h1><a href="/" id="pageTop"><img src="img/logo.svg" width="324" height="55" alt="SDN Project"></a></h1>
35    <h2><img src="img/sub.png" width="155" height="7" alt="&quot;SDN&quot; doesn't have a deep meaning..."></h2>
36  </div>
37  <nav>
38    <ul>
39      <li id="navSelected"><a href="/">Top</a></li>
40      <li id="memo"><a href="memo-sub/index">Memo</a></li>
41      <li><a href="works">Works</a></li>
42      <!-- <li><a href="/pixelart">PixelArt</a></li> -->
43      <li><a href="material">Material</a></li>
44      <li><a href="labo">Laboratory</a></li>
45      <li><a href="link">Bookmark</a></li>
46    </ul>
47  </nav>
48  <aside>
49    <ul>
50      <li><img src="img/pixiv_icon.png" width="22" height="22" alt="pixiv"></li>
51      <li><img src="img/twitter_icon.png" width="22" height="22" alt="Twitter"></li>
52      <!-- <li><a href="https://www.flickr.com/photos/sdn_tome" target="_blank" title="Flickr"><img src="/img/flickr_icon.png" width="22" height="22" alt="Flickr"></a></li> -->
53    </ul>
54  </aside>
55</header>
56<main>
57  <div id="slideTop">
58    <ul id="slideLists">
59      <li>
60        <a href="dm-sub/index" target="_blank">
61          <img data-src="img/slide/dmtter.png" src="img/blank.png" alt="DMtter | 複数の人にまとめてDMを送るだけのサービス">
62          <span>Twitterで複数の人にダイレクトメッセージを送信することができるだけのサービスです。</span>
63        </a>
64      </li>
65      <li>
66        <a href="https://www.flickr.com/photos/sdn_tome" target="_blank">
67          <img data-src="img/slide/flickr.jpg" src="img/blank.png" alt="Flickr - sdn_tome's Photostream">
68          <span>Flickrにて栃尾トメが撮った写真を載せています。</span>
69        </a>
70      </li>
71    </ul>
72  </div>
73  <div id="subSection">
74    <section id="information">
75      <h2>Information</h2>
76      <ul>
77        <li><a href="labo/twitter_image"><span class="infoDate">2016.12.22</span> [Labo] Twitter向け画像最適化ツール 公開</a></li>
78        <li><a href="/"><span class="infoDate">2016.07.30</span> [PixelArt] いろいろ莉嘉ちゃん</a></li>
79        <li><a href="pixelart/289"><span class="infoDate">2016.03.06</span> [PixelArt] 二宮飛鳥くん</a></li>
80        <li><a href="m/jquery_keyframes"><span class="infoDate">2016.01.30</span> jQueryプラグイン jquery.keyframes.js 公開</a></li>
81        <li><a href="m/jquery_transition"><span class="infoDate">2016.01.22</span> jQueryプラグイン jquery.transition.js 公開</a></li>
82      </ul>
83    </section>
84    <aside id="twitter">
85      <h2>Twitter</h2>
86      
87      

87<script src="js/twitter_sdn_tome.js" async></script>

87
88    </aside>
89  </div>
90  <section>
91    <h2>Twitter Bot</h2>
92    <p>趣味で作ったTwitterのBotたち。</p>
93    <div class="botTable">
94      <div class="botRow">
95        <a href="/" id="Kochiya_Sanae">
96          <section>
97            <figure><img src="img/labo/Kochiya_Sanae_icon.gif" alt="東風谷早苗"></figure>
98            <h3>東風谷早苗</h3>
99            <h4>@<span>Kochiya_Sanae</span></h4>
100            <p>東方風神録の東風谷早苗のBot。</p>
101          </section>
102        </a>
103        <a href="labo/Nazrin_bot" id="Nazrin_bot">
104          <section>
105            <figure><img src="img/labo/Nazrin_bot_icon.jpg" alt="ナズーリン"></figure>
106            <h3>ナズーリン</h3>
107            <h4>@<span>Nazrin_bot</span></h4>
108            <p>東方星蓮船のナズーリンのBot。</p>
109          </section>
110        </a>
111        <a href="labo/Momiji_bot" id="Momiji_bot">
112          <section>
113            <figure><img src="img/labo/Momiji_bot_icon.png" alt="犬走椛"></figure>
114            <h3>犬走椛</h3>
115            <h4>@<span>Momiji_bot</span></h4>
116            <p>東方風神録の犬走椛のBot。</p>
117          </section>
118        </a>
119      </div>
120      <div class="botRow">
121        <a href="labo/Yakujin_sama" id="Yakujin_sama">
122          <section>
123            <figure><img src="img/labo/Yakujin_sama_icon.gif" alt="鍵山雛"></figure>
124            <h3>鍵山雛</h3>
125            <h4>@<span>Yakujin_sama</span></h4>
126            <p>東方風神録の鍵山雛のBot。</p>
127          </section>
128        </a>
129        <a href="labo/100yagyou" id="s100yagyou">
130          <section>
131            <figure><img src="img/labo/100yagyou_icon.jpg" alt="伊吹萃香"></figure>
132            <h3>伊吹萃香</h3>
133            <h4>@<span>100yagyou</span></h4>
134            <p>東方萃夢想の伊吹萃香のBot。</p>
135          </section>
136        </a>
137        <a href="labo/HimekaidoHatate" id="HimekaidoHatate">
138          <section>
139            <figure><img src="img/labo/HimekaidoHatate_icon.png" alt="姫海棠はたて"></figure>
140            <h3>姫海棠はたて</h3>
141            <h4>@<span>HimekaidoHatate</span></h4>
142            <p>ダブルスポイラーの姫海棠はたてのBot。</p>
143          </section>
144        </a>
145      </div>
146      <div class="botRow">
147        <a href="labo/Sukima_bot" id="Sukima_bot">
148          <section>
149            <figure><img src="img/labo/Sukima_bot_icon.png" alt="八雲紫"></figure>
150            <h3>八雲紫</h3>
151            <h4>@<span>Sukima_bot</span></h4>
152            <p>東方妖々夢の八雲紫のBot。</p>
153          </section>
154        </a>
155        <div class="botDisable">
156          <p>No Entry</p>
157        </div>
158        <div class="botDisable">
159          <p>No Entry</p>
160        </div>
161      </div>
162    </div>
163    <p class="txc">おそらくこれ以上は増えない</p>
164  </section>
165  <aside id="about">
166    <h2>About</h2>
167    <p>何をするサイトなのか、誰が運営してるのか、を。</p>
168    <div id="aboutBox">
169      <section id="aboutSite">
170        <h2>About this Web Site</h2>
171        <h3><img src="img/logo_m.svg" width="282" height="48" alt="SDN Project"></h3>
172        <p>
173          栃尾トメによるドット絵や、便利ツールを作ったりプログラミングに関する事などなどを地味にやっていく個人サイトです。<br>
174          サークル名も「SDN Project」。ドット絵を活かしたグッズなどを主に作成しています。<br>
175          お誘いや協力して欲しい事があれば参加したり、他のサークルさんの企画・イベント向けの特設サイト作ったりしてます。
176        </p>
177        <p>
178          お仕事については<a href="works" class="under">Works</a>をご覧下さい。<br>
179          連絡は以下のメールアドレスより。
180        </p>
181        <ul>
182          <li>Web Site & Circle: SDN Project</li>
183          <li>URL: https://sdn-project.net/</li>
184          <li>Mail: master#sdn-project.net <small>(# to @)</small></li>
185          <li>Author: 栃尾トメ</li>
186        </ul>
187      </section>
188      <section id="banners">
189        <h2>Banner</h2>
190        <p>
191          一番上のバナーがメインです。<br>
192          どれでもお好きにどうぞ。
193        </p>
194        <figure>
195          <img src="banner.gif" alt="メインバナー">

196          <figcaption>https://sdn-project.net/banner.gif</figcaption>
197        </figure>
198        <figure>
199          <img src="banner_komeiji.gif" alt="古明地姉妹バナー">
200          <figcaption>https://sdn-project.net/banner_komeiji.gif</figcaption>
201        </figure>
202      </section>
203      <section id="aboutMe">
204        <h2>About Me</h2>
205        <figure><img src="img/tome.gif" alt="栃尾トメ"></figure>
206        <h3>栃尾トメ</h3>
207        <h4>Tochio Tome</h4>
208        <p>
209          誕生日は3/26、福岡県生まれ千葉県育ち。<br>
210          ドット絵打ったりアイマスP（やよい、莉嘉、百合子）としてプロデューサー業に励んだり、HTMLやJavaScript、PHPをいじったりするプログラマー・デザイナーもどきだったりな人の皮を被ったいちご。
211        </p>
212        <ul>
213          <li>Twitter: @sdn_tome</li>
214          <li>Flickr: <a href="https://www.flickr.com/photos/sdn_tome">sdn_tome</a></li>
215          <li>pixiv: 176168</li>
216          <li>Skype: sdn_tome</li>
217          <li>Mail: master#sdn-project.net <small>(# to @)</small></li>
218        </ul>
219      </section>
220    </div>
221  </aside>
222</main>
223<footer id="mainFooter">
224  <p>© 2019 SDN Project. All Rights Reserved.</p>
225</footer>

226<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d07c655091854c4f86e06053f2644739","r":1,"spa":2}' crossorigin="anonymous"></script>

226
227</body>
228</html>