Skip to content

Commit 50677ec

Browse files
hiroppyhiroppy
committed
Add src
1 parent 05108ba commit 50677ec

21 files changed

+426
-136
lines changed

‎index.html‎

Lines changed: 26 additions & 136 deletions
Original file line numberDiff line numberDiff line change
@@ -1,139 +1,29 @@
1-
<!DOCTYPE html>
21
<html lang="ja">
3-
4-
<head prefix="og: http://ogp.me/ns# fb: http://www.facebook.com/2008/fbml">
5-
<meta charset="UTF-8"/>
6-
<meta name="description" content="Clipboard extension app for Mac OS X"/>
7-
<meta name="robots" content="noindex"/>
8-
9-
<title>Clipy - Clipboard extension app for Mac OS X</title>
10-
11-
<meta property="og:type" content="website"/>
12-
<meta property="og:url" content="http://clipy-app.com"/>
13-
<meta property="og:title" content="Clipy"/>
14-
<meta property="og:description" content="Clipboard extension app for Mac OS X"/>
15-
<meta property="og:image" content="http://clipy-app.com/img/clipy.png"/>
16-
<meta property="og:locale" content="ja_JP"/>
17-
<meta property="fb:app_id" content="752550624866720"/>
18-
<meta property="twitter:card" content="summary"/>
19-
<meta property="twitter:creator" content="@clipyApp"/>
20-
21-
<link rel="canonical" href="http://clipy-app.com"/>
22-
<link rel="shortcut icon" href="favicon.png" type="image/png" sizes="16x16"/>
23-
<link rel="shortcut icon" href="favicon@2x.png" type="image/png" sizes="32x32"/>
24-
<link rel="stylesheet" href="./css/main.css"/>
25-
26-
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js" ></script>
27-
<script type="text/javascript" src="./js/unslider.min.js" ></script>
28-
<script type="text/javascript" src="./js/common.js" ></script>
29-
<script type="text/javascript" src="./js/main.js" ></script>
30-
31-
<script>
32-
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
33-
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
34-
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
35-
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
36-
37-
ga('create', 'UA-64663608-1', 'auto');
38-
ga('send', 'pageview');
39-
40-
</script>
41-
42-
</head>
43-
2+
<head prefix="og: http://ogp.me/ns# fb: http://www.facebook.com/2008/fbml">
3+
<meta charset="UTF-8">
4+
5+
<meta name="description" content="Clipboard extension app for Mac OS X">
6+
<meta name="robots" content="noindex">
7+
8+
<meta property="og:type" content="website">
9+
<meta property="og:url" content="http://clipy-app.com">
10+
<meta property="og:title" content="Clipy">
11+
<meta property="og:description" content="Clipboard extension app for Mac OS X">
12+
<meta property="og:image" content="http://clipy-app.com/img/clipy.png">
13+
<meta property="og:locale" content="ja_JP">
14+
<meta property="fb:app_id" content="752550624866720">
15+
<meta property="twitter:card" content="summary">
16+
<meta property="twitter:creator" content="@clipyApp">
17+
18+
<title>Clipy - Clipboard extension app for Mac OS X</title>
19+
20+
<link rel="canonical" href="http://clipy-app.com">
21+
<link rel="shortcut icon" href="favicon.png" type="image/png" sizes="16x16">
22+
<link rel="shortcut icon" href="favicon@2x.png" type="image/png" sizes="32x32">
23+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
24+
</head>
4425
<body>
45-
<div id="fb-root"></div>
46-
<script>(function(d, s, id) {
47-
var js, fjs = d.getElementsByTagName(s)[0];
48-
if (d.getElementById(id)) return;
49-
js = d.createElement(s); js.id = id;
50-
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.3&appId=752550624866720";
51-
fjs.parentNode.insertBefore(js, fjs);
52-
}(document, 'script', 'facebook-jssdk'));</script>
53-
54-
<a href="https://github.com/Clipy/Clipy"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
55-
56-
<section id="application" >
57-
<div>
58-
<img id="application-image" src="./img/clipy.png" />
59-
<div id="application-contents" >
60-
<img id="application-name" src="./img/clipy-name.png" />
61-
<p id="application-description" class="text-color" >OS X スニペットアプリ</p>
62-
<a id="application-download" href="https://github.com/Clipy/Clipy/releases/download/1.1.0/Clipy_1.1.0.dmg" onclick="ga('send', 'event', 'Downloads', 'click', 'v1.1.0');">Download</a>
63-
<!--a id="application-download" >Download</a-->
64-
<p id="application-condition" class="text-color" >OS X 10.9以降</p>
65-
</div>
66-
</div>
67-
</section>
68-
69-
<section id="screenshots" >
70-
<div>
71-
<div id="screenshots-contents" >
72-
<ul>
73-
<li><img class="screenshot" src="./img/screenshot1.png" /></li>
74-
<li><img class="screenshot" src="./img/screenshot2.png" /></li>
75-
<li><img class="screenshot" src="./img/screenshot3.png" /></li>
76-
</ul>
77-
</div>
78-
<div id="screenshots-controls" >
79-
<div id="control-left" class="control-button" >
80-
<div id="control-on-left" class="control-on-button" ></div>
81-
</div>
82-
<div id="thumbnail1" class="control-position control-active" index="1" ></div>
83-
<div id="thumbnail2" class="control-position" index="2" ></div>
84-
<div id="thumbnail3" class="control-position" index="3" ></div>
85-
<div id="control-right" class="control-button" >
86-
<div id="control-on-right" class="control-on-button" ></div>
87-
</div>
88-
</div>
89-
</div>
90-
</section>
91-
92-
<section id="function" >
93-
<div>
94-
<h1 class="title" >主な機能</h1>
95-
<img id="function-image" src="./img/function.png" />
96-
<ul id="function-contents" >
97-
<li class="function-list text-color" >プレーンテキストや画像といった複数の形式に対応したクリップボード拡張アプリです。</li>
98-
<li class="function-list text-color" >ショートカットキーで自由にメニューを呼び出すことができ、いつでもクリップボードの履歴を参照できます。</li>
99-
<li class="function-list text-color" >また、スニペットとして定型文を登録しておくことで、いつでも定型文をペーストできます。</li>
100-
</ul>
101-
</div>
102-
</section>
103-
104-
<section id="opensource" >
105-
<div>
106-
<h1 class="title" >オープンソース</h1>
107-
<p id="opensource-detail" class="text-color" >Clipyはオープンソースで公開されています。バグや不具合、要望等ありましたら、<a href="https://github.com/Clipy/Clipy/issues" target="_blank">Issue</a>、<a href="https://github.com/Clipy/Clipy/pulls" target="_blank">PullRequest</a>などお待ちしています！日本語でも大丈夫です！</p>
108-
<a id="opensource-link" href="https://github.com/Clipy/Clipy" ></a>
109-
</div>
110-
</section>
111-
112-
<section id="thanks" >
113-
<div>
114-
<h1 class="title" >スペシャルサンクス</h1>
115-
<p id="thanks-details" class="text-color" >
116-
Clipmenuをオープンソースとして公開していただき<a href="https://github.com/naotaka" target="_blank">@naotaka氏</a>に感謝いたします。このコードがなければリメイクという形で公開はありえませんでした。<br/>
117-
<br/>
118-
現状機能が被ってしまっていますが、独自機能を追加してさらなる機能向上を目指していきます。本当にありがとうございました。
119-
</p>
120-
<img id="thanks-image" src="./img/clipmenu.png" />
121-
</div>
122-
</section>
123-
124-
<footer>
125-
<div>
126-
<div id="social" >
127-
<iframe src="https://ghbtns.com/github-btn.html?user=Clipy&amp;repo=Clipy&amp;type=watch&amp;count=true"
128-
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
129-
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Clipy - MacOSX専用のクリップボード拡張アプリケーション" data-hashtags="clipy">Tweet</a>
130-
<div class="fb-like" data-href="http://clipy-app.com" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
131-
<a href="http://b.hatena.ne.jp/entry/http://clipy-app.com" class="hatena-bookmark-button" data-hatena-bookmark-title="Clipy - MacOSX専用のクリップボード拡張アプリケーション" data-hatena-bookmark-layout="simple-balloon" title="このエントリーをはてなブックマークに追加"><img src="https://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="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
132-
</div>
133-
<p id="copyright" >&copy;2015-2016 Clipy Project</p>
134-
</div>
135-
</footer>
136-
137-
</body>
138-
26+
<div id="root"></div>
27+
<script src="./dist/bundle.js"></script>
28+
</body>
13929
</html>

‎src/javascripts/components/DownloadBar.js‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import React from 'react';
2+
import styles from '../../stylesheets/download-bar';
3+
4+
export default class extends React.Component {
5+
render() {
6+
return (
7+
<div className={styles.container}>
8+
<button className={styles.button}>
9+
ダウンロード
10+
</button>
11+
</div>
12+
);
13+
}
14+
}

‎src/javascripts/components/Footer.js‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import React from 'react';
2+
import styles from '../../stylesheets/footer';
3+
4+
export default class extends React.Component {
5+
render() {
6+
return (
7+
<div className={styles.container}>
8+
<div>SNS</div>
9+
<span className={styles.copyright}>2015-2016 Clipy Project</span>
10+
</div>
11+
);
12+
}
13+
}

‎src/javascripts/components/Hero.js‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
import React from 'react';
2+
import styles from '../../stylesheets/hero';
3+
4+
export default class extends React.Component {
5+
render() {
6+
return (
7+
<section className={`${styles.container} row`}>
8+
<div className="col-sm-12">
9+
<div className="col-sm-4">
10+
<div className={styles.icon} />
11+
</div>
12+
<div className="col-sm-8">
13+
<div>
14+
<div className="col-sm-12">
15+
<h1 className={`${styles.name} col-sm-5`}>Clipy</h1>
16+
<span className={`${styles.description} col-sm-7`}>
17+
クリップボード拡張・<br />スニペット機能を搭載
18+
</span>
19+
</div>
20+
<div className="col-sm-12">
21+
<button className={styles.downloadButton}>ダウンロード</button>
22+
<span>Mac 版(OS X 10.9以降)</span>
23+
</div>
24+
</div>
25+
</div>
26+
</div>
27+
</section>
28+
);
29+
}
30+
}

‎src/javascripts/components/Navbar.js‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import React from 'react';
2+
import {Navbar, Nav, NavItem} from 'react-bootstrap';
3+
import styles from '../../stylesheets/navbar';
4+
5+
export default class extends React.Component {
6+
render() {
7+
return(
8+
<Navbar>
9+
<Navbar.Header>
10+
<Navbar.Brand>
11+
<a href="#">Clipy</a>
12+
</Navbar.Brand>
13+
</Navbar.Header>
14+
<Nav>
15+
<NavItem eventKey={1} href="#">コピー履歴</NavItem>
16+
<NavItem eventKey={2} href="#">スニペット</NavItem>
17+
<NavItem eventKey={3} href="#">自由に呼び出し</NavItem>
18+
<NavItem eventKey={4} href="#">オープンソース</NavItem>
19+
</Nav>
20+
</Navbar>
21+
);
22+
}
23+
}

‎src/javascripts/components/OpenSource.js‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import React from 'react';
2+
import styles from '../../stylesheets/open-source';
3+
4+
export default class extends React.Component {
5+
render() {
6+
return (
7+
<section className={`${styles.container} row`}>
8+
<div className="col-sm-12">
9+
<h2>オープンソース</h2>
10+
<p>
11+
Clipyはオープンソースで公開されています。
12+
バグや不具合、要望等ありましたら、Issue、PullRequestなどお待ちしています！
13+
日本語でも大丈夫です！
14+
</p>
15+
<button>Github</button>
16+
<div className={styles.image} />
17+
</div>
18+
</section>
19+
);
20+
}
21+
}

‎src/javascripts/components/SaveHistory.js‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import React from 'react';
2+
import styles from '../../stylesheets/save-history';
3+
4+
export default class extends React.Component {
5+
render() {
6+
return (
7+
<section className={`${styles.container} row`}>
8+
<div className="col-sm-12">
9+
<div className="col-sm-5">
10+
<h2>コピーをクリップ<br/ >ボードに履歴保存</h2>
11+
<p>
12+
コピーしたテキスト、画像などを履歴としてクリップボードに保存することができます。
13+
ペーストしたい場所にいつでも呼び出し利用できます。
14+
</p>
15+
</div>
16+
<div className="col-sm-7">
17+
<div className={styles.image} />
18+
</div>
19+
</div>
20+
</section>
21+
);
22+
}
23+
}

‎src/javascripts/components/Shortcut.js‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import React from 'react';
2+
import styles from '../../stylesheets/shortcut';
3+
4+
export default class extends React.Component {
5+
render() {
6+
return (
7+
<section className={`${styles.container} row`}>
8+
<div className="col-sm-12">
9+
<div className="col-sm-5">
10+
<h2>ショートカットで自由に呼び出し</h2>
11+
<p>
12+
メインメニュー、履歴メニュー、スニペットメニューなどをショートカットキーを各々に
13+
設定する事で利用したい時にいつでも呼び出す事が出来ます。
14+
</p>
15+
</div>
16+
<div className="col-sm-7">
17+
<div className={styles.image} />
18+
</div>
19+
</div>
20+
</section>
21+
);
22+
}
23+
}

‎src/javascripts/components/Snippet.js‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import React from 'react';
2+
import styles from '../../stylesheets/snippet';
3+
4+
export default class extends React.Component {
5+
render() {
6+
return (
7+
<section className={`${styles.container} row`}>
8+
<div className="col-sm-12">
9+
<div className="col-sm-7">
10+
<div className={styles.image} />
11+
</div>
12+
<div className="col-sm-5">
13+
<h2>スニペットを設定</h2>
14+
<p>
15+
保存しておきたい定型文、テンプレートを管理、編集が出来ます。
16+
よく使う定型文を必要な時に呼び出し、利用出来ます。
17+
</p>
18+
</div>
19+
</div>
20+
</section>
21+
);
22+
}
23+
}

‎src/javascripts/components/SpecialThanks.js‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import React from 'react';
2+
import styles from '../../stylesheets/special-thanks';
3+
4+
export default class extends React.Component {
5+
render() {
6+
return (
7+
<section className={`${styles.container} row`}>
8+
<div className="col-sm-12">
9+
<h2>スペシャルサンクス</h2>
10+
<div className={styles.image} />
11+
<p className={styles.description}>
12+
Clipmenuをオープンソースとして公開していただき
13+
@naotaka氏に感謝いたします。このコードがなければ
14+
リメイクという形で公開はありえませんでした。現状機能が
15+
被ってしまっていますが、独自機能を追加してさらなる
16+
機能向上を目指していきます。本当にありがとうございました。
17+
</p>
18+
</div>
19+
</section>
20+
);
21+
}
22+
}

0 commit comments

Comments
 (0)