-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (134 loc) · 7.44 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html><!--[if lt IE 7]><html lang="ja" class="no-js ie ie6 lt-ie7 lt-ie8 lt-ie9 lt-ie10"><![endif]-->
<!--[if IE 7]> <html lang="ja" class="no-js ie ie7 lt-ie8 lt-ie9 lt-ie10"><![endif]-->
<!--[if IE 8]> <html lang="ja" class="no-js ie ie8 lt-ie9 lt-ie10"><![endif]-->
<!--[if IE 9]> <html lang="ja" class="no-js ie ie9 lt-ie10"><![endif]-->
<!--[if gt IE 9]><html lang="ja" class="no-js ie ie10"><![endif]-->
<!--[if !IE]><!-->
<html lang="ja" class="no-js"><!--<![endif]-->
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>へごへごへごちん！ — た゛め゛て゛す゛よ゛～ や゛め゛て゛く゛た゛さ゛い゛よ゛～</title>
<!--[if lt IE 9]>
<script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<meta name="description" content="ひ゛ら゛か゛な゛と゛カ゛タ゛カ゛ナ゛を゛へ゛ん゛か゛ん゛す゛る゛ん゛て゛す゛よ゛～">
<!--[if gt IE 9]><!-->
<link rel="stylesheet" href="css/groundwork.css"><!--<![endif]--><!--[if lte IE 9]>
<link rel="stylesheet" href="css/groundwork-core.css">
<link rel="stylesheet" href="css/groundwork-type.css">
<link rel="stylesheet" href="css/groundwork-ui.css">
<link rel="stylesheet" href="css/groundwork-anim.css">
<link rel="stylesheet" href="css/groundwork-ie.css"><![endif]-->
<style>
body, h1, h2, h3, h4, h5, h6 {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,verdana,sans-serif;
}
</style>
<script src="js/libs/modernizr-2.6.2.min.js"></script>
<script src="js/libs/jquery-1.10.2.min.js"></script>
</head>
<body>
<header class="padded bounceInDown animated">
<div class="container">
<nav role="navigation" class="nav asphalt gap-top">
<ul role="menubar">
<li><a href="/" rel="home">Home</a></li>
<li><a href="./">Hegochin</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="https://github.com/kotarot/hegochin">Fork me on GitHub</a></li>
</ul>
</nav>
</div><!-- /.container -->
</header>
<div class="container">
<div class="padded">
<div class="row bounceInRight animated">
<div class="one whole">
<h1 class="zero">へごへごへごちん！</h1>
<p>た゛め゛て゛す゛よ゛～ や゛め゛て゛く゛た゛さ゛い゛よ゛～</p>
<p style="text-align:right;"><i class="icon-tags"></i> 声優, へごちん, へごへご, へごる, 濁点, ツール, ネタ</p>
</div>
</div><!-- /.row -->
</div><!-- /.padded -->
<hr>
<div class="row bounceInRight animated">
<div class="one whole padded">
<fieldset>
<legend>へごへごへごちん！</legend>
<div class="row">
<div class="one whole padded">
<textarea id="input"></textarea>
</div>
</div><!-- /.row -->
<div class="row">
<div class="one whole pad-left pad-right">
<button id="hegoru" class="asphalt">へごる！</button>
</div>
</div><!-- /.row -->
<div class="row">
<div class="one whole padded">
<textarea id="output"></textarea>
<label for="message">へごったへごちんへごかわ</label>
</div>
</div><!-- /.row -->
</fieldset>
<!-- </form> -->
</div>
</div><!-- /.row -->
</div><!-- /.container -->
<div class="container">
<div class="padded">
<div class="row bounceInRight animated">
<div class="one whole">
<h4>せ゛つ゛め゛い゛て゛す゛よ゛～</h4>
<p>ひ゛ら゛か゛な゛と゛カ゛タ゛カ゛ナ゛を゛へ゛ん゛か゛ん゛す゛る゛ん゛て゛す゛よ゛～ ペ゛ペ゛ロ゛ン゛チ゛ーノ゛す゛き゛て゛す゛～</p>
<p><b>2015年6月29日 追記</b><br><a href="http://www.terabo.net/blog/hegohego-hegochin-bookmarklet/" target="_blank">フ゛ッ゛ク゛マ゛ーク゛レ゛ッ゛ト゛</a> も゛つ゛く゛り゛ま゛し゛た゛～<p>
</div>
</div><!-- /.row -->
</div><!-- /.padded -->
</div><!-- /.container -->
<div class="container">
<div class="padded">
<div class="row bounceInRight animated">
<div class="one whole">
<div id="boxArea" style="display:table;padding:0 0 0 2px;"><div style="width:72px;height:22px;float:left;"><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.terabo.net%2Fhegochin%2F&width&layout=button&action=like&show_faces=false&share=false&height=80&appId=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px;" allowTransparency="true"></iframe></div><div style="width:68px;height:22px;float:left;"><a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja" data-count="none">ツイート</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></div><div style="width:36px;height:22px;float:left;"><div class="g-plusone" data-size="medium" data-annotation="none"></div>
<script>
window.___gcfg = {lang: 'ja'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/platform.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div><div style="width:82px;height:22px;float:left;"><a href="http://b.hatena.ne.jp/entry/" class="hatena-bookmark-button" data-hatena-bookmark-layout="standard-noballoon" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script></div></div>
</div>
</div><!-- /.row -->
</div><!-- /.padded -->
</div><!-- /.container -->
<footer class="gap-top bounceInDown animated">
<div class="box square">
<div class="container padded">
<div class="row">
<div class="one whole padded">
<p>© 2015 <a href="/">terabo.net</a>. All rights reserved. Using framework <a class="noicon" href="https://groundworkcss.github.io/" target="_blank">GroundworkCSS 2</a>.</p>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</div>
</footer>
<script src="hegochin.js"></script>
<script>
$(document).ready(function() {
$('#input').val('やですよそんなの～');
$('#output').val('や゛て゛す゛よ゛そ゛ん゛な゛の゛～');
});
$('#hegoru').click(function() {
$('#output').val( hegoru($('#input').val()) );
});
</script>
<script src="js/groundwork.all.js"></script>
</body>
</html>