leftypol
/
leftypol
4
5
Fork 2
Code Issues 58 Pull Requests 1 Projects Releases Wiki Activity
Browse Source

Improve responsiveness of homepage, add description and logo

pull/40/head
discomrade 3 years ago
parent
8cbeca99bf
commit
b4c5697bf6
3 changed files with 70 additions and 10 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 65
      templates/themes/categories/frames.html
  2. 10
      templates/themes/categories/news.html
  3. 5
      templates/themes/categories/theme.php

65
templates/themes/categories/frames.html
View File

@ -8,21 +8,38 @@
<link rel="stylesheet" media="screen" href="/stylesheets/dark_red.css"> <link rel="stylesheet" media="screen" href="/stylesheets/dark_red.css">
<style type="text/css"> <style type="text/css">
.sidebar { .sidebar {
grid-column: 1;
grid-row: 1 / 3;
width: 200px; width: 200px;
border-right-color: gray; border-right-color: gray;
border-right-style: solid; border-right-style: solid;
border-width: 2px; border-width: 2px;
margin-right: 15px; margin-right: 15px;
} }
.introduction {
grid-column: 2 / 9;
grid-row: 1;
width: 100%;
}
.content { .content {
grid-column: 2 / 9;
grid-row: 2;
width: 100%; width: 100%;
} }
body { body {
display: flex; display: grid;
grid-template-columns: repeat(auto-fill,minmax(200px, 1fr));
gap: 20px;
height: 100vh; height: 100vh;
} }
.modlog {
width: 50%;
text-align: left;
}
fieldset { fieldset {
margin: 10px; margin: 10px;
@ -54,13 +71,45 @@
} }
@media (max-width:768px) { @media (max-width:768px) {
body{
display: grid;
grid-template-columns: none;
gap: 20px;
height: 100vh;
width: 100%;
}
.introduction {
grid-column: 1;
grid-row: 1;
width: 100%;
}
.sidebar { .sidebar {
width: 80vw; grid-column: 1;
border: none; grid-row: 2;
width: 100%;
border-width: 2px;
} }
.main {
flex-direction: column; .content {
align-items: center; grid-column: 1;
grid-row: 3;
width: 100%;
}
.modlog {
width: 100%;
text-align: center;
}
table {
table-layout: fixed;
}
table.modlog tr th {
white-space: normal;
word-wrap: break-word;
} }
.boardlist { .boardlist {
@ -73,9 +122,11 @@
} }
</style> </style>
<title>{{ settings.title }}</title> <title>{{ settings.title }}</title>
<meta name="description" content="{{ description }}">
</head> </head>
<body> <body>
{% include 'themes/categories/' ~ settings.file_sidebar %} {% include 'themes/categories/' ~ settings.file_sidebar %}
{% include 'themes/categories/' ~ settings.file_news %} {% include 'themes/categories/' ~ settings.file_news %}
</body> </body>
</html> </html>

10
templates/themes/categories/news.html
View File

@ -1,13 +1,16 @@
{% filter remove_whitespace %} {% filter remove_whitespace %}
<div class="content"> <div class="introduction">
{{ boardlist.top }} {{ boardlist.top }}
<header> <header>
<h1>{{ settings.title }}</h1> <h1>{{ settings.title }}</h1>
<div class="subtitle">{{ settings.subtitle }}</div> <div class="subtitle">{{ settings.subtitle }}</div>
<link rel="stylesheet" media="screen" href="{{ config.url_stylesheet }}"> <link rel="stylesheet" media="screen" href="{{ config.url_stylesheet }}">
<link rel="stylesheet" media="screen" href="/stylesheets/dark_red.css"> <link rel="stylesheet" media="screen" href="/stylesheets/dark_red.css">
<p style="margin:20px auto 0 auto;text-align:center;max-width:700px;">{{ description }}</p>
</header> </header>
<img src="{{ config.logo }}" alt="logo" style="display:block;margin:auto;min-width:100px;width:15%;">
</div>
<div class="content">
<div class="ban"> <div class="ban">
{% if not news %} {% if not news %}
<p style="text-align:center" class="unimportant">{% trans %}(No news to show.){% endtrans %}</p> <p style="text-align:center" class="unimportant">{% trans %}(No news to show.){% endtrans %}</p>
@ -31,7 +34,7 @@
{% trans "Post Statistics" %} {% trans "Post Statistics" %}
</h1> </h1>
</div> </div>
<table class="modlog" style="width: 50%; text-align: left;"> <table class="modlog">
<thead> <thead>
<tr> <tr>
<th>{% trans "Board" %}</th> <th>{% trans "Board" %}</th>
@ -91,3 +94,4 @@
</footer> </footer>
</div> </div>
{% endfilter %} {% endfilter %}

5
templates/themes/categories/theme.php
View File

@ -34,6 +34,9 @@
// Build homepage // Build homepage
public static function homepage($settings) { public static function homepage($settings) {
global $config; global $config;
$description = 'Leftypol is a fun and enjoyable space where users can post anonymously.<br>' .
'We engage in both serious political discourse and less serious informal discussions ' .
'on various topics related to leftist thought.';
$query = query("SELECT * FROM ``news`` ORDER BY `time` DESC") or error(db_error()); $query = query("SELECT * FROM ``news`` ORDER BY `time` DESC") or error(db_error());
$news = $query->fetchAll(PDO::FETCH_ASSOC); $news = $query->fetchAll(PDO::FETCH_ASSOC);
$stats = Categories::getPostStatistics($settings); $stats = Categories::getPostStatistics($settings);
@ -42,6 +45,7 @@
Array( Array(
'config' => $config, 'config' => $config,
'settings' => $settings, 'settings' => $settings,
'description' => $description,
'categories' => Categories::getCategories($config), 'categories' => Categories::getCategories($config),
'news' => $news, 'news' => $news,
'stats' => $stats, 'stats' => $stats,
@ -160,3 +164,4 @@
}; };
?> ?>

Write Preview
Loading…
Cancel
Save