-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.php
More file actions
199 lines (181 loc) · 12.7 KB
/
index.php
File metadata and controls
199 lines (181 loc) · 12.7 KB
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Watch Dogs Font</title>
<link rel="icon" href="favicon.png" />
<link rel="stylesheet" href="//dav.li/jquery/ui/jquery-ui.css"/>
<link rel="stylesheet" href="style.css"/>
<link rel="stylesheet" href="retroHackDialog/retroHackDialog.css"/>
<meta name="keywords" content="Watch Dogs hacked font free download HACKED design youtube art" />
<meta name="description" content="Discover and download the free Hacked font, a recreation of the Watch Dogs logo's font." />
</head>
<body>
<header>
<div id="headervideo">
<iframe src="https://www.youtube-nocookie.com/embed?listType=playlist&list=PLYB-04VHf1gZZ9TRE0BYzX5XTkofAIJdE&version=3&loop=1&autoplay=1&rel=0&showinfo=0&controls=0&autohide=1"></iframe>
<div>
<span>a</span><span>b</span><span>c</span><span>d</span>
<img src="img/LIGHTNING.png" alt="LIGHTING" />
</div>
</div>
<h2>Be ready to be <strong>hacked</strong></h2>
<h1>watch_dogs font</h1>
</header>
<main>
<div id="whiteborder"></div>
<svg version="1.1" id="svg_v" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" enable-background="new 0 0 841.89 204.28" xml:space="preserve">
<g>
<polygon points="841.89,204.28 0,204.28 0,0 420.945,127.669 841.89,0"/>
</g>
</svg>
<article>
<h2>Discover the font</h2>
<p><img src="img/watch_dogs_font_hacked_overview.jpg" alt="Hacked font overview"/></p>
<form id="testfontform">
<input type="text" placeholder="Type here to try"/>
</form>
<pre id="console"></pre>
</article>
<article>
<h2>Explore the font</h2>
<div>
<span id="ghost_vr"></span>
<span id="screamer_vr"></span>
<a id="chatter_teeth_vr" href="vr" target="_blank" title="Launch Wahoo VR experience"></a>
</div>
</article>
<article>
<h2>Scan and compare the font</h2>
<header>
<h3>Original and official logo</h3><br />
<img src="img/vs-badge.png" alt="VS"/><br />
<h3>Logo recreated with the font</h3><br />
<span>0%</span>
</header>
<div id="comparator">
<div><span><img src="img/btn_drag.png" alt="Btn drag"/></span><img src="img/Watch_Dogs_logo_original.png" alt="Original Watch Dogs Logo"/></div>
<div><span><img src="img/btn_drag.png" alt="Btn drag"/></span><img src="img/Watch_Dogs_logo_font.png" alt="Recreated Watch Dogs Logo with the font"/></div>
</div>
</article>
<article>
<h2>Discover uses of the font</h2>
<div>
<div>
<div>
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Highly anticipated feature. We're glad you noticed. <a href="https://t.co/4zCeidVd5z" target="_blank">https://t.co/4zCeidVd5z</a></p>— Watch Dogs (@watchdogsgame) <a href="https://twitter.com/watchdogsgame/status/740609139215376384" target="_blank">8 juin 2016</a></blockquote>
</div>
<div>
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">You can pet dogs in WATCH_DOGS 2<br><br>I am now calling the game PET_DOGS <a href="https://t.co/gOZNTluSQV" target="_blank">pic.twitter.com/gOZNTluSQV</a></p>— Luis Illingworth (@HeyRaguio) <a href="https://twitter.com/HeyRaguio/status/740580479829704704" target="_blank">8 juin 2016</a></blockquote>
</div>
<div>
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">We have a winner <a href="https://twitter.com/hashtag/washdogs2?src=hash" target="_blank">#washdogs2</a> <a href="https://twitter.com/hashtag/watchdogs2?src=hash" target="_blank">#watchdogs2</a> <a href="https://t.co/DtqwfZ5Q94" target="_blank">https://t.co/DtqwfZ5Q94</a></p>— Watch Dogs (@watchdogsgame) <a href="https://twitter.com/watchdogsgame/status/740979664148140032" target="_blank">9 juin 2016</a></blockquote>
</div>
<div>
<blockquote class="twitter-tweet" data-lang="en"><p lang="fr" dir="ltr"><a href="https://twitter.com/hashtag/Dedseccreations?src=hash" target="_blank">#Dedseccreations</a> <a href="https://twitter.com/hashtag/WatchDogs2?src=hash" target="_blank">#WatchDogs2</a> R3qu3st3d by <a href="https://twitter.com/AssassinWill529" target="_blank">@AssassinWill529</a> c: <a href="https://t.co/Qw1zfynUnp" target="_blank">pic.twitter.com/Qw1zfynUnp</a></p>— R@y W0lf0rd (@Ray_Wolford) <a href="https://twitter.com/Ray_Wolford/status/760213299195707393" target="_blank">1 août 2016</a></blockquote>
</div>
</div>
<div>
<a href="http://www.ign.com/articles/2014/04/23/watch-dogs-how-we-spent-our-first-5-hours" target="_blank">
<header style="background-image:url(http://assets1.ignimgs.com/vid/thumbnails/user/2014/04/10/WatchDogs_TellingAStory_1280_large.jpg)">
<h3>IGN article</h3>
</header>
<footer>
http://www.ign.com/articles/2014/04/23/watch-dogs-how-we-spent-our-first-5-hours
</footer>
</a>
<!--
<a href="" target="_blank">
<header style="background-image:url()">
<h3></h3>
</header>
<footer>
</footer>
</a>
-->
<a href="https://www.youtube.com/watch?v=5ipUwUcHASI" target="_blank">
<header style="background-image:url(img/reuses/ubisoft_ubiblog.png)">
<h3>Ubisoft US video</h3>
</header>
<footer>
https://www.youtube.com/watch?v=5ipUwUcHASI
</footer>
</a>
<a href="https://www.youtube.com/watch?v=5Tt1QnkOw44" target="_blank">
<header style="background-image:url(img/reuses/screen_video_squeezie_watchdogs.png)">
<h3>SQUEEZIE video</h3>
</header>
<footer>
https://www.youtube.com/watch?v=5Tt1QnkOw44
</footer>
</a>
<a href="https://www.youtube.com/watch?v=09KF1ymlWqc" target="_blank">
<header style="background-image:url(https://i.ytimg.com/vi/09KF1ymlWqc/hqdefault.jpg?custom=true&w=1960&h=1100&stc=true&jpg444=true&jpgq=90&sp=68&sigh=qAECqFDsqSxAkEWbXKfSco2R2nE)">
<h3>Aypierre video</h3>
</header>
<footer>
https://www.youtube.com/watch?v=09KF1ymlWqc
</footer>
</a>
<a href="http://www.deezer.com/album/13571397" target="_blank">
<header style="background-image:url(http://e-cdn-images.deezer.com/images/cover/476bf31143db59dacd427173efae8425/200x200-000000-80-0-0.jpg)">
<h3>LVEEM music album</h3>
</header>
<footer>
http://www.deezer.com/album/13571397
</footer>
</a>
<a href="http://graphicdesignjunction.com/2015/04/super-free-fonts-download/" target="_blank">
<header style="background-image:url(http://graphicdesignjunction.com/wp-content/uploads/2015/04/Hacked_free_font.jpg)">
<h3>Design website</h3>
</header>
<footer>
http://graphicdesignjunction.com/2015/04/super-free-fonts-download/
</footer>
</a>
<a href="http://www.dafont.com/forum/requests.php?f=hacked" target="_blank">
<header style="background-image:url(img/reuses/dafont_forum.png)">
<h3>...and many more on Dafont forum</h3>
</header>
<footer>
http://www.dafont.com/forum/requests.php?f=hacked
</footer>
</a>
</div>
</div>
</article>
<article>
<h2>Download the font</h2>
<div id="download"><button><strong>Download</strong></button></div>
<p><strong>>1.000.000+ followers<</strong>
<img src="img/DEDSEC_HAND_04.png" alt="DEDSEC HAND"/>
</p>
</article>
<article>
<h2>Create with the font</h2>
<p>
The font is published under the <a rel="license" href="http://creativecommons.org/licenses/by/4.0/" target="_blank">Creative commons Attribution (CC-BY) licence<img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a>. So YOU CAN use the font for all your creations (even for commercial creations) only if you put the link "<strong>http://watchdogsfont.com</strong>" OR "<strong>http://www.dafont.com/hacked.font</strong>" OR the font creator's name "<strong>David Libeau</strong>" in your credits (YouTube video description, website About page...). So simple ! :)
</p>
<p>Also, important : keep in mind that this font is NOT an official font, but a remake from the Watch Dogs logo.<br/><a href="http://watchdogs.ubisoft.com/" target="_blank">Watch Dogs</a> is a game owned by <a href="https://www.ubisoft.com" target="_blank">Ubisoft</a>, <a href="http://watchdogs.ubisoft.com/" target="_blank">play it</a>!</p>
</article>
<article>
<h2>Share the font</h2>
<p><a href="https://twitter.com/intent/tweet?hashtags=WatchDogs&original_referer=https%3A%2F%2F<?php echo($_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI]); ?>&ref_src=twsrc%5Etfw&text=Awesome%20%23WatchDogsFont%20here%20%3A&tw_p=tweetbutton&url=https%3A%2F%2F<?php echo($_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI]); ?>&via=DavidLibeau" target="_blank" title="#Tweet">7w337<img src="img/DED_TWEET_DRIBBLE_blue.png" alt="DED TWEET"/><img src="img/DEDSEC_PHONE_DRIBBLE.png" alt="DEDSEC PHONE"/></a></p>
</article>
</main>
<footer>
<p>
<span><strong>//</strong> Website and font created by <a href="https://davidlibeau.fr" target="_blank">David Libeau</a>, <a href="https://github.com/DavidLibeau/WatchDogsFont.com" target="_blank">open source</a>, and published under <a rel="license" href="http://creativecommons.org/licenses/by/4.0/" target="_blank">CC-BY licence</a>.</span>
<a id="playWatchDogs" href="http://watchdogs.ubisoft.com/" target="_blank">Join Dedsec</a>
</p>
</footer>
<script src="//dav.li/jquery/2.1.4.js"></script>
<script src="//dav.li/jquery/ui/jquery-ui.js"></script>
<script src="//dav.li/jquery/ui/jquery-ui.theme.min.css"></script>
<script src="//dav.li/jquery/comp/touch.js"></script>
<script src="//dav.li/jquery/plugins/isInViewport.min.js"></script>
<script src="script.js"></script>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</body>
</html>