mirror of
https://github.com/vichan-devel/vichan.git
synced 2024-11-25 07:50:23 +01:00
use tabs and not spaces
This commit is contained in:
8chan
parent
16c613dad0
commit
ba7e3c4aaa
@ -1,13 +1,13 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>∞chan</title>
|
||||
<style type="text/css">
|
||||
/* Responsive helpers */
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>∞chan</title>
|
||||
<style type="text/css">
|
||||
/* Responsive helpers */
|
||||
|
||||
.col {
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.col-12 { width: 100%; }
|
||||
@ -24,42 +24,42 @@
|
||||
.col-1 { width: 8.33333333%; }
|
||||
|
||||
.left-push {
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.right-push {
|
||||
float: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* Main */
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #EEF2FF;
|
||||
font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
|
||||
line-height: 1.4;
|
||||
background: #EEF2FF;
|
||||
font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
#main {
|
||||
margin: 0 auto;
|
||||
max-width: 1110px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
max-width: 1110px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h4 {
|
||||
color: #AF0A0F;
|
||||
font-size: 11pt;
|
||||
font-weight: bold;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
color: #AF0A0F;
|
||||
font-size: 11pt;
|
||||
font-weight: bold;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
ul, ol, dl {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a { color: #42413C; }
|
||||
@ -67,253 +67,260 @@
|
||||
a:visited { color: #6E6C64; }
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.mobileDisplay {
|
||||
display: none;
|
||||
width: 100%;
|
||||
display: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
header {
|
||||
background-color: #D6DAF0;
|
||||
border: 1px solid #000;
|
||||
display: inline-block;
|
||||
line-height: 150%;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
background-color: #D6DAF0;
|
||||
border: 1px solid #000;
|
||||
display: inline-block;
|
||||
line-height: 150%;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header_text {
|
||||
margin-top: 55px;
|
||||
.header_text {
|
||||
margin-top: 55px;
|
||||
}
|
||||
|
||||
/* Body */
|
||||
|
||||
#content {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content_menu {
|
||||
background-color: #D6DAF0;
|
||||
border: 1px solid #000;
|
||||
text-align: left;
|
||||
list-style-position: inside;
|
||||
padding: 15px 30px;
|
||||
text-align: left;
|
||||
background-color: #D6DAF0;
|
||||
border: 1px solid #000;
|
||||
text-align: left;
|
||||
list-style-position: inside;
|
||||
padding: 15px 30px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.content_menu_head li {
|
||||
list-style: none;
|
||||
border-top: 1px solid #666;
|
||||
margin-bottom: 15px;
|
||||
list-style: none;
|
||||
border-top: 1px solid #666;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.content_menu_head a {
|
||||
padding: 5px 5px 5px 15px;
|
||||
display: block;
|
||||
width: 160px;
|
||||
text-decoration: none;
|
||||
padding: 5px 5px 5px 15px;
|
||||
display: block;
|
||||
width: 160px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.content_body {
|
||||
padding: 20px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
iframe {
|
||||
margin-top: 25px;
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
margin-top: 25px;
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.button {
|
||||
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;
|
||||
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;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
||||
.footer {
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
font-size: 10px;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
font-size: 10px;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
|
||||
@media (max-width: 920px) {
|
||||
#content {
|
||||
margin-top: 10px;
|
||||
}
|
||||
#content {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.menuCol {
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
.menuCol {
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.bodyCol {
|
||||
width: 100%;
|
||||
float: none;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.bodyCol {
|
||||
width: 100%;
|
||||
float: none;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.header_logo {
|
||||
float: none;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
.header_logo {
|
||||
float: none;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header_text {
|
||||
float: none;
|
||||
margin: auto;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
.header_text {
|
||||
float: none;
|
||||
margin: auto;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content_menu_head {
|
||||
width: 45%;
|
||||
float: left;
|
||||
}
|
||||
.content_menu_head {
|
||||
width: 45%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.content_menu_list {
|
||||
width: 45%;
|
||||
float: right;
|
||||
}
|
||||
.content_menu_list {
|
||||
width: 45%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.mobileDisplay {
|
||||
display:inline-block;
|
||||
text-align:center;
|
||||
}
|
||||
.mobileDisplay {
|
||||
display:inline-block;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.mobileHide {
|
||||
display:none;
|
||||
}
|
||||
.mobileHide {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 570px) {
|
||||
.content_menu_head {
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
.content_menu_head {
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.content_menu_list {
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
.content_menu_list {
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.button {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.button {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
|
||||
<div id="main">
|
||||
<div id="main">
|
||||
|
||||
<header>
|
||||
<header>
|
||||
|
||||
<div class="col col-3 header_logo">
|
||||
<img src="https://8chan.co/static/logo_33.svg" alt="logo" width="220" height="145" id="logo">
|
||||
</div>
|
||||
<div class="col col-3 header_logo">
|
||||
<img src="https://8chan.co/static/logo_33.svg" alt="logo" width="220" height="145" id="logo">
|
||||
</div>
|
||||
|
||||
<div class="col col-9 header_text">
|
||||
<em>{% trans %}Welcome to ∞chan, the infinitely expanding imageboard.{% endtrans %}</em>
|
||||
<br>
|
||||
<strong>{% trans %}Featured boards:{% endtrans %}</strong>
|
||||
<span class="favorite-boards"></span>
|
||||
<br>
|
||||
<strong>{% trans %}Board of the week:{% endtrans %} /<a href="/cow">cow</a>/, /<a href="/fringe">fringe</a>/, /<a href="/desu">desu</a>/</strong>
|
||||
</div>
|
||||
</header>
|
||||
<div class="col col-9 header_text">
|
||||
<em>{% trans %}Welcome to ∞chan, the infinitely expanding imageboard.{% endtrans %}</em>
|
||||
<br>
|
||||
<strong>{% trans %}Featured boards:{% endtrans %}</strong>
|
||||
<span class="favorite-boards"></span>
|
||||
<br>
|
||||
<strong>
|
||||
{% trans %}Boards of the week:{% endtrans %} [
|
||||
{% for board in config.boards_of_the_week %}
|
||||
<a href="/{{ board }}">{% if not loop.first %} {% endif %}{{ board }}</a>{% if not loop.last %} /{% endif %}
|
||||
{% endfor %}
|
||||
]
|
||||
</strong>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="mobileDisplay">
|
||||
<a href="create.php" class="button">{% trans %}Create your board{% endtrans %}</a>
|
||||
<a href="boards.html" class="button">{% trans %}Browse existing boards{% endtrans %}</a>
|
||||
</div>
|
||||
<div class="mobileDisplay">
|
||||
<a href="create.php" class="button">{% trans %}Create your board{% endtrans %}</a>
|
||||
<a href="boards.html" class="button">{% trans %}Browse existing boards{% endtrans %}</a>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div id="content">
|
||||
|
||||
<div class="col col-3 menuCol">
|
||||
<div class="col col-3 menuCol">
|
||||
|
||||
<div class="content_menu">
|
||||
<ul class="content_menu_head">
|
||||
<li><em><a href="https://qchat.rizon.net/?channels=#8chan" target="_blank">IRC:#8chan @ irc.rizon.net</a></em></li>
|
||||
<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>
|
||||
<div class="content_menu">
|
||||
<ul class="content_menu_head">
|
||||
<li><em><a href="https://qchat.rizon.net/?channels=#8chan" target="_blank">IRC:#8chan @ irc.rizon.net</a></em></li>
|
||||
<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>
|
||||
|
||||
<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 %}HTTPS by default{% endtrans %}</li>
|
||||
<li>{% trans %}Simple global rules — the rest is up to you{% endtrans %}</li>
|
||||
<li><s>{% trans %}Featured on Al Jazeera America{% endtrans %}</s> ;_;</li>
|
||||
<li><em>{% trans %}Not owned by moot{% endtrans %}</em></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
<hr>
|
||||
<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 %}HTTPS by default{% 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>
|
||||
<li><s>{% trans %}Featured on Al Jazeera America{% endtrans %}</s> ;_;</li>
|
||||
<li><em>{% trans %}Not owned by moot{% endtrans %}</em></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
<hr>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col col-9 bodyCol">
|
||||
<div class="content_body">
|
||||
<p>{% trans %}On ∞chan, you can create your own imageboard for free with no experience or programming knowledge needed. As long as the admin logs in once per week and it gets one new post every 72 hours, the board will be hosted forever.{% endtrans %}</p>
|
||||
<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.co. In the interest of free speech, only content that directly violates the DMCA or other US laws is deleted.{% endtrans %}</p>
|
||||
<div class="mobileHide">
|
||||
<a href="create.php" class="button">{% trans %}Create your board{% endtrans %}</a>
|
||||
<a href="boards.html" class="button">{% trans %}Browse existing boards{% endtrans %}</a>
|
||||
</div>
|
||||
<br>
|
||||
<!-- START RIZON PASTE / NEWS SCRIPT CODE HERE -->
|
||||
<iframe src="https://qchat2.rizon.net/?channels=8chan&uio=OT0xMTE05"></iframe>
|
||||
<!--END PASTE CODE -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-9 bodyCol">
|
||||
<div class="content_body">
|
||||
<p>{% trans %}On ∞chan, you can create your own imageboard for free with no experience or programming knowledge needed. As long as the admin logs in once per week and it gets one new post every 72 hours, the board will be hosted forever.{% endtrans %}</p>
|
||||
<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.co. In the interest of free speech, only content that directly violates the DMCA or other US laws is deleted.{% endtrans %}</p>
|
||||
<div class="mobileHide">
|
||||
<a href="create.php" class="button">{% trans %}Create your board{% endtrans %}</a>
|
||||
<a href="boards.html" class="button">{% trans %}Browse existing boards{% endtrans %}</a>
|
||||
</div>
|
||||
<br>
|
||||
<!-- START RIZON PASTE / NEWS SCRIPT CODE HERE -->
|
||||
<iframe src="https://qchat2.rizon.net/?channels=8chan&uio=OT0xMTE05"></iframe>
|
||||
<!--END PASTE CODE -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col col-12 footer">
|
||||
<footer>
|
||||
<p class="unimportant" style="margin-top:20px;text-align:center;">- <a href="http://tinyboard.org/">Tinyboard</a> +
|
||||
<a href='https://int.vichan.net/devel/'>vichan</a> {{ config.version }} -
|
||||
<br><a href="http://tinyboard.org/">Tinyboard</a> Copyright © 2010-2014 Tinyboard Development Group
|
||||
<br><a href="http://tinyboard.org/">Tinyboard</a> Copyright © 2010-2014 Tinyboard Development Group
|
||||
<br><a href="https://int.vichan.net/devel/">vichan</a> Copyright © 2012-2014 vichan-devel</p>
|
||||
{% for footer in config.footer %}<p class="unimportant" style="text-align:center;">{{ footer }}</p>{% endfor %}
|
||||
</footer>
|
||||
</div>
|
||||
</div><!--div#main-->
|
||||
</div><!--div#main-->
|
||||
<script type="text/javascript" src="/js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="/js/update_boards.js"></script>
|
||||
</body>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user