1
0
mirror of https://github.com/vichan-devel/vichan.git synced 2024-12-14 00:23:04 +01:00
vichan/templates/8chan/index.html

311 lines
10 KiB
HTML
Raw Normal View History

2014-09-27 01:52:02 +02:00
<!doctype html>
<html>
2014-10-17 03:52:28 +02:00
<head>
<meta charset="utf-8">
2015-04-19 17:18:12 +02:00
<link rel="stylesheet" media="screen" href="{{ config.url_stylesheet }}">
2014-10-17 03:52:28 +02:00
<title>∞chan</title>
<style type="text/css">
2014-09-27 01:52:02 +02:00
/* Main */
* {
2014-10-17 03:52:28 +02:00
box-sizing: border-box;
2014-09-27 01:52:02 +02:00
}
body {
2014-10-17 03:52:28 +02:00
background: #EEF2FF;
font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
line-height: 1.4;
2014-09-27 01:52:02 +02:00
}
#main {
2014-10-17 03:52:28 +02:00
margin: 0 auto;
max-width: 1110px;
width: 100%;
2014-09-27 01:52:02 +02:00
}
h4 {
2014-10-17 03:52:28 +02:00
color: #AF0A0F;
font-size: 11pt;
font-weight: bold;
margin: 0px;
padding: 0px;
2014-09-27 01:52:02 +02:00
}
ul, ol, dl {
2014-10-17 03:52:28 +02:00
padding: 0;
margin: 0;
2014-09-27 01:52:02 +02:00
}
a { color: #42413C; }
a:hover { color: white; }
a:visited { color: #6E6C64; }
.clear {
2014-10-17 03:52:28 +02:00
clear: both;
2014-09-27 01:52:02 +02:00
}
.mobileDisplay {
2014-10-17 03:52:28 +02:00
display: none;
width: 100%;
2014-09-27 01:52:02 +02:00
}
/* Header */
header {
2014-10-17 03:52:28 +02:00
background-color: #D6DAF0;
border: 1px solid #000;
display: inline-block;
line-height: 150%;
padding: 5px;
text-align: center;
width: 100%;
2014-09-27 01:52:02 +02:00
}
2014-10-17 03:52:28 +02:00
.header_text {
margin-top: 55px;
2014-09-27 01:52:02 +02:00
}
/* Body */
#content {
2014-10-17 03:52:28 +02:00
display: inline-block;
width: 100%;
2014-09-27 01:52:02 +02:00
}
.content_menu {
2014-10-17 03:52:28 +02:00
background-color: #D6DAF0;
border: 1px solid #000;
text-align: left;
list-style-position: inside;
padding: 15px 30px;
text-align: left;
2014-09-27 01:52:02 +02:00
}
.content_menu_head li {
2014-10-17 03:52:28 +02:00
list-style: none;
border-top: 1px solid #666;
margin-bottom: 15px;
2014-09-27 01:52:02 +02:00
}
.content_menu_head a {
2014-10-17 03:52:28 +02:00
padding: 5px 5px 5px 15px;
display: block;
width: 160px;
text-decoration: none;
2014-09-27 01:52:02 +02:00
}
.content_body {
2014-10-17 03:52:28 +02:00
padding: 20px;
2014-09-27 01:52:02 +02:00
}
iframe {
2014-10-17 03:52:28 +02:00
margin-top: 25px;
width: 100%;
height: 400px;
2014-09-27 01:52:02 +02:00
}
.button {
2014-10-17 03:52:28 +02:00
padding: 13px 18px;
border: 2px solid #000;
font-size: 2.75em;
color: #AF0A0F;
text-align: center;
display: inline-block;
background: #D6DAF0;
margin-right: 5px;
margin-top: 15px;
text-decoration: none;
font-style: normal;
2014-09-27 01:52:02 +02:00
}
/* Footer */
.footer {
2014-10-17 03:52:28 +02:00
text-align: center;
padding: 10px 0;
font-size: 10px;
margin-top: 20px;
text-align: center;
2014-09-27 01:52:02 +02:00
}
/* Responsive */
@media (max-width: 920px) {
2014-10-17 03:52:28 +02:00
#content {
margin-top: 10px;
}
.menuCol {
width: 100%;
float: none;
}
.bodyCol {
width: 100%;
float: none;
margin-top: 20px;
}
.header_logo {
float: none;
margin: auto;
width: 100%;
}
.header_text {
float: none;
margin: auto;
margin-top: 10px;
width: 100%;
}
.content_menu_head {
width: 45%;
float: left;
}
.content_menu_list {
width: 45%;
float: right;
}
.mobileDisplay {
display:inline-block;
text-align:center;
}
.mobileHide {
display:none;
}
2014-09-27 01:52:02 +02:00
}
@media (max-width: 570px) {
2014-10-17 03:52:28 +02:00
.content_menu_head {
width: 100%;
float: none;
}
.content_menu_list {
width: 100%;
float: none;
}
.button {
font-size: 1.2em;
}
2014-09-27 01:52:02 +02:00
}
2014-10-17 03:52:28 +02:00
</style>
</head>
2014-09-27 01:52:02 +02:00
<body class="8chan index">
2014-10-17 03:52:28 +02:00
<div id="main">
2014-09-27 01:52:02 +02:00
2014-10-17 03:52:28 +02:00
<header>
2014-09-27 01:52:02 +02:00
2014-10-17 03:52:28 +02:00
<div class="col col-3 header_logo">
2015-01-14 21:15:33 +01:00
<img src="/static/logo_33.svg" alt="logo" width="220" height="145" id="logo">
2014-10-17 03:52:28 +02:00
</div>
2014-09-27 01:52:02 +02:00
2014-10-17 03:52:28 +02:00
<div class="col col-9 header_text">
2015-01-30 04:00:55 +01:00
<em>{% trans %}Welcome to 8chan, the infinitely expanding imageboard.{% endtrans %}</em>
2014-10-17 03:52:28 +02:00
<br>
2015-04-25 02:48:06 +02:00
<span>[ <a href="/b/">/b/ - Random</a> | <a href="/n/">/n/ - News</a> | <a href="/boards/">/boards/ - Boards</a>]</span>
<br>
<strong>{% trans %}Top 25 boards:{% endtrans %}</strong>
2015-02-20 04:15:18 +01:00
<span class="sub" data-description="3"></span>
2015-04-25 02:48:06 +02:00
<!-- <br>
2014-10-17 03:52:28 +02:00
<strong>
{% trans %}Boards of the week:{% endtrans %}&nbsp;[&nbsp;
{% for board in config.boards_of_the_week %}
<a href="/{{ board }}">{% if not loop.first %}&nbsp;{% endif %}{{ board }}</a>{% if not loop.last %} /{% endif %}
{% endfor %}
&nbsp;]
2015-04-25 02:48:06 +02:00
</strong> -->
2014-10-17 03:52:28 +02:00
</div>
</header>
2014-09-27 01:52:02 +02:00
2014-10-17 03:52:28 +02:00
<div class="mobileDisplay">
<a href="create.php" class="button">{% trans %}Create&nbsp;your&nbsp;board{% endtrans %}</a>
<a href="boards.html" class="button">{% trans %}Browse&nbsp;existing&nbsp;boards{% endtrans %}</a>
</div>
2014-09-27 01:52:02 +02:00
2014-10-17 03:52:28 +02:00
<div id="content">
2014-09-27 01:52:02 +02:00
2014-10-17 03:52:28 +02:00
<div class="col col-3 menuCol">
2014-09-27 01:52:02 +02:00
2014-10-17 03:52:28 +02:00
<div class="content_menu">
<ul class="content_menu_head">
2015-02-17 01:26:20 +01:00
<li><em><a href="https://qchat2.rizon.net/?channels=8chan&amp;uio=OT0xMTE05" target="_blank">IRC:#8chan @ irc.rizon.net</a></em></li>
2014-10-17 03:52:28 +02:00
<li><a href="/faq.html">{% trans %}Frequently Asked Questions{% endtrans %}</a></li>
<li><a href="/random.php">{% trans %}View random board{% endtrans %}</a></li>
<li><a href="/mod.php" >{% trans %}Manage your board{% endtrans %}</a></li>
</ul>
2014-09-27 01:52:02 +02:00
2014-10-17 03:52:28 +02:00
<div class="content_menu_list">
<h4>{% trans %}Why host your imageboard on 8ch?{% endtrans %}</h4>
<ul>
<li>{% trans %}100% free{% endtrans %}</li>
<li>{% trans %}Customizable board styles and banners{% endtrans %}</li>
<li>{% trans %}User-definable word filters{% endtrans %}</li>
<li>{% trans %}Optional forced anonymity{% endtrans %}</li>
<li>{% trans %}Optional country flags{% endtrans %}</li>
<li>{% trans %}YouTube embedding{% endtrans %}</li>
<li>{% trans %}Run by competent, experienced global staff{% endtrans %}</li>
<li>{% trans %}No technical knowledge needed{% endtrans %}</li>
<li>{% trans %}Simple global rules — the rest is up to you{% endtrans %}</li>
<li><a href="https://www.youtube.com/watch?v=MlnY17pgYwg">{% trans %}Featured on MSNBC!{% endtrans %}</a></li>
2015-03-29 03:37:47 +02:00
<li>Also featured on <a href="http://www.huffingtonpost.com/2014/10/15/gamergate_n_5989616.html">Huff Post Live</a>, <a href="https://www.youtube.com/watch?v=7hlRUDCj-XY">Arte (BiTS)</a>, <a href="https://www.youtube.com/watch?v=BWDF9WFtro4">David Pakman Show</a>, <a href="http://www.buzzfeed.com/josephbernstein/gamergates-headquarters-has-been-destroyed-by-trolls#.wvww0oyMk">BuzzFeed</a>, <a href="http://www.jpost.com/Diaspora/Jewish-organizations-express-worries-over-cyberattacks-385536">Jerusalem Post</a>, <a href="http://www.dailymail.co.uk/news/article-2789937/female-game-developer-forced-flee-home-twitter-user-publishes-address-threatens-rape-kill-criticised-video-game-group.html">Daily Mail</a>, Gawker (<a href="http://jezebel.com/gamergate-trolls-arent-ethics-crusaders-theyre-a-hate-1644984010">Jezebel</a>, <a href="http://kotaku.com/another-woman-in-gaming-flees-home-following-death-thre-1645280338">Kotaku</a>), Washington Post (<a href="http://www.washingtonpost.com/news/the-intersect/wp/2014/10/20/inside-gamergates-successful-attack-on-the-media/">1</a>, <a href="http://www.washingtonpost.com/news/the-intersect/wp/2015/01/13/this-is-what-happens-when-you-create-an-online-community-without-any-rules/">2</a>), <a href="http://blogs.houstonpress.com/rocks/2014/11/gamergate.php">Houston Press</a>, <a href="http://www.destructoid.com/8chan-removed-from-patreon-becomes-cat-sanctuary-285272.phtml">Destructoid</a>, <a href="http://nymag.com/daily/intelligencer/2014/10/gamergate-supporters-party-at-strip-club.html">New York Magazine</a>, Ars Technica (<a href="http://arstechnica.com/tech-policy/2015/01/8chan-tries-swatting-gamergate-critic-sends-cops-to-an-old-address/">1</a>, <a href="http://arstechnica.com/security/2015/01/8chan-related-sites-go-down-in-lizard-squad-powered-ddos/">2</a>, <a href="http://arstechnica.com/security/2015/01/8chan-domain-seized-over-allegations-of-child-abuse-content/">3</a>, <a href="http://arstechnica.com/business/2015/03/were-a-common-carrier-8chans-founder-on-the-link-between-doxing-net-freedom/">4</a>) and <a href="http://www.dailydot.com/politics/8chan-pedophiles-child-porn-gamergate/">Daily Dot</a>!</li>
2014-10-17 03:52:28 +02:00
<li><s>{% trans %}Featured on Al Jazeera America{% endtrans %}</s> ;_;</li>
</ul>
</div>
<div class="clear"></div>
<hr>
2014-09-27 01:52:02 +02:00
2014-10-17 03:52:28 +02:00
<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/infinitechan" data-widget-id="512750449955328002">Tweets by @infinitechan</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>
2014-09-27 01:52:02 +02:00
2014-10-17 03:52:28 +02:00
</div>
2014-09-27 01:52:02 +02:00
2014-10-17 03:52:28 +02:00
<div class="col col-9 bodyCol">
<div class="content_body">
2015-01-30 04:00:55 +01:00
<p>{% trans %}On 8chan, you can create your own imageboard for free with no experience or programming knowledge needed.{% endtrans %}</p>
2015-01-14 21:15:33 +01:00
<p style="color:red">{% trans %}Warning: Some boards on this site might contain content of an adult or offensive nature. Please cease use of this site if it is illegal for you to view such content. The boards on this site are made entirely by the users and do not represent the opinions of the administration of 8chan. In the interest of free speech, only content that directly violates the DMCA or other US laws is deleted.{% endtrans %}</p>
2014-10-17 03:52:28 +02:00
<div class="mobileHide">
<a href="create.php" class="button">{% trans %}Create&nbsp;your&nbsp;board{% endtrans %}</a>
<a href="boards.html" class="button">{% trans %}Browse&nbsp;existing&nbsp;boards{% endtrans %}</a>
</div>
2015-04-25 02:48:06 +02:00
<p><table><th><a href="/n/">Latest headlines</a></th>
2015-03-11 00:22:09 +01:00
<tr><td>
<ol style="padding-left:40px">
{% for n in newsplus[:15] %}
2015-04-25 02:48:06 +02:00
<li><a href="/n/res/{{ n.thread }}.html">{{ n.subject|e }}</a> (<a href="{{ n.link|e }}">link</a>)</li>
2015-03-11 00:22:09 +01:00
{% endfor %}
</ol>
</td></tr></table></p>
2014-10-17 03:52:28 +02:00
<br>
<!-- START RIZON PASTE / NEWS SCRIPT CODE HERE -->
2015-02-17 01:26:20 +01:00
<iframe src="https://qchat2.rizon.net/?channels=8chan&amp;uio=OT0xMTE05" height="400" width="793"></iframe>
2014-10-17 03:52:28 +02:00
<!--END PASTE CODE -->
2015-02-17 01:26:20 +01:00
<!-- Start spooks.me code
<div style="height:400px;width:793px;border:1px solid black" onclick="this.innerHTML='<iframe src=&quot;https://8chan.spooks.me&quot; width=&quot;793&quot; height=&quot;400&quot; style=&quot;margin-top:0px&quot;></iframe>';">
<h1>Click inside this box to load chat</h1>
</div>
End spooks.me code -->
2014-10-17 03:52:28 +02:00
</div>
</div>
2014-09-27 01:52:02 +02:00
2014-10-17 03:52:28 +02:00
</div>
2014-09-27 01:52:02 +02:00
<div class="col col-12 footer">
<footer>
{% for footer in config.footer %}<p class="unimportant" style="text-align:center;">{{ footer }}</p>{% endfor %}
</footer>
</div>
2014-10-17 03:52:28 +02:00
</div><!--div#main-->
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/update_boards.js"></script>
2014-09-27 01:52:02 +02:00
</body>
</html>