Voomra/KinoSearch
0
Fork 0
Code Activity

Возвращен внешний вид главной страницы

Browse Source
This commit is contained in:
DmitriyMX
2017-04-15 18:02:42 +03:00
parent f9c5d63993
commit 623bfb3236
11 changed files with 224 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/main/java/kinosearch/kinosearch3/webpp/SpringConfig.java
View File

@@ -23,6 +23,7 @@ public class SpringConfig {
@Bean
public ViewResolver viewResolver() {
FreeMarkerViewResolver viewResolver = new FreeMarkerViewResolver();
viewResolver.setContentType("text/html;charset=UTF-8");
viewResolver.setCache(true);
viewResolver.setSuffix(".ftl");
return viewResolver;

6
src/main/java/kinosearch/kinosearch3/webpp/SpringMvcConfig.java
View File

@@ -14,7 +14,9 @@ import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter
public class SpringMvcConfig extends WebMvcConfigurerAdapter {
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/ks3logo.svg")
.addResourceLocations("classpath:/kinosearch/kinosearch3/webpp/");
final String staticPath = "classpath:/kinosearch/kinosearch3/webpp/static/";
registry.addResourceHandler("/*.svg").addResourceLocations(staticPath);
registry.addResourceHandler("/*.css").addResourceLocations(staticPath);
registry.addResourceHandler("/*.png").addResourceLocations(staticPath);
}
}

12
src/main/java/kinosearch/kinosearch3/webpp/WebAppController.java
View File

@@ -18,10 +18,20 @@ public class WebAppController {
private final Logger logger = LoggerFactory.getLogger(WebAppController.class);
@RequestMapping(value = "/", method = RequestMethod.GET)
public String hello() {
public String index() {
return "index";
}
@RequestMapping(value = "/blog.html", method = RequestMethod.GET)
public String blog() {
return "blog";
}
@RequestMapping(value = "/about.html", method = RequestMethod.GET)
public String about() {
return "about";
}
@RequestMapping(value = "/favicon.ico")
public void favicon(HttpServletResponse response) {
try {

38
src/main/resources/kinosearch/kinosearch3/webpp/about.ftl Normal file
View File

@@ -0,0 +1,38 @@
[#ftl]
[#include "header.inc.ftl"]
<hr>
<h3><b>KinoSearch</b> - это онлайн-кинотеатр <i><u>без рекламы</u></i>.</h3>
<p>
Да, вот так просто и коротко можно описать данный сервис. Но в отличии от других своих "коллег",
он минималистичен и быстроработающий. Потому что здесь нет рекламы и каких-либо тежеловесных javascript-библиотек.
</p>
<h3>Зачем создавать очередной сайт с сериальчиками?</h3>
<p>
Наверное потому, что лично меня (автора) заколебала реклама, которая мешает смотреть любимый фильм или сериал.
Да, я прекрасно знаю о существовании блокировщиков рекламы и для чего её пихают на такие сервисы. Все хотят кушать.
Но если бы дело ограничивалось только рекламой на PC, то претензий было бы меньше.<br>
Так получается, что мне хочется посмотреть кинцо на мобильном телефоне. И что же случается, когда я открываю страницу с плеером?
Правильно! Куча рекламы. Ну ладно, давайте пролистнём её и... <i>Что? Я просто тапнул на экран, а у меня открылось 3 вкладки с рекламой??</i>
Причем на одной из таких вкладок была попытка что-то купить "за мой счет" автоматически (спасибо Билайну за отключенную такую услугу).
Когда же я "кликаю" на "play" в плеере, что бы начать просмотр, то вновь открываються 2-3 вкладки с рекламой...
</p>
<p>
И хоть я привожу пример скомпилированный из ситуаций на различный онлайн-кинотеатров, в какой-то момент у меня, что называется, <i>"бомбануло"</i>.
Это я еще умолчал факт того, что многие кинотеатры (на момент конца 2015 года) не имели оформления для мобильных устройств.
</p>
<p>
Так и родилась идея сделать "свой кинотеатр, с мобильным интерфейсом и минималистичностью"
</p>
<div align="center"><img style="width: auto; height: 20em" src="http://softcraze.com/wp-content/uploads/templ_1324017427_orig_Bender.png"></div>
<h3>Для правообладателей и прочих "копирастов"</h3>
<p>
Начнем с того, что данный сервис <i><u>не хранит</u></i> никаких видеоматериалов. Сервис работает по принципу того-же Яндекса или Mail.ru: есть база
с фильмами, есть "поисковик" по этой базе. Если хотите что-то заблокировать - блокируйте у "провайдеров контента", которые указываются на страницах сервиса.
</p>
[#include "fother.inc.ftl"]

101
src/main/resources/kinosearch/kinosearch3/webpp/blog.ftl Normal file
View File

@@ -0,0 +1,101 @@
[#ftl]
[#include "header.inc.ftl"]
<hr>
<div class="news">
<div class="row">
<div class="col-sm-2">
<time datetime="2017-04-15">15.04.2017</time>
</div>
<div class="col-sm-10">
<p><em>Version 3.0.0 alpha</em></p>
<p>Полностью изменены внутренние механизмы работы сервиса. Поиск теперь осуществляется почти моментально!</p>
<p>К фильмам/сериалам добавлены постеры, описание и год выпуска.</p>
<p>
Изменения затронули и "запоминалку" просмотров. Хранить всю эту информацию в cookies, признаюсь, была самой плохой идеей.
Очень быстро активные пользователи стали натыкаться на ошибку <code>400 Bad request</code>, что в нашем случае интерпритировалось как <i>"слишком много cookies"</i>.
В связи с этим было принято следующее решение:
</p>
<ol>
<li>"запоминалка" будет фиксировать только последнее просмотренное кино/сериал</li>
<li>для увеличения "памяти", необходимо будет зарегистрироваться</li>
</ol>
<p>Регистрация, к слову, реализована через социальные сети и прочих провайдеров учетных записей.</p>
</div>
</div>
<div class="row">
<div class="col-sm-2">
<time datetime="2017-01-15">15.01.2017</time>
</div>
<div class="col-sm-10">
<p><em>Version 2.0.9</em></p>
<ul>
<li>удален кинотеатр HDRezka</li>
<li>добавлен кинотеатр Seasonvar</li>
<li>множественные исправления и оптимизации алгоритмов</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-2">
<time datetime="2017-01-04">04.01.2017</time>
</div>
<div class="col-sm-10">
<p><em>Version 2.0.8</em></p>
<p>Множество изменений "под капотом".</p>
</div>
</div>
<div class="row">
<div class="col-sm-2">
<time datetime="2016-03-30">30.03.2016</time>
</div>
<div class="col-sm-10">
<p><em>Version 2.0.7c</em></p>
<ul>
<li>[эксперементально] плеер воспроизводит сериалы</li>
<li>возможность продолжить просмотр с сохранённой позиции</li>
<li>название фильма/серии над плеером</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-2">
<time datetime="2016-03-26">26.03.2016</time>
</div>
<div class="col-sm-10">
<p><em>Version 2.0.7b</em></p>
<p>Прошлый раз код идеально работал на localhost, а на реальном сервере заглох. Пришлось переделывать.
Зато теперь точно всё должно заработать.</p>
<p>Пришлось отказаться от воспроизведения сериалов. С ними придётся отдельно повозиться.</p>
</div>
</div>
<div class="row">
<div class="col-sm-2">
<time datetime="2016-03-24">24.03.2016</time>
</div>
<div class="col-sm-10">
<p><em>Version 2.0.7</em></p>
<p>Долгожданное обновление: наконец то появился плеер! О да! Долой центнеры рекламы, что предлагает нам... да что только не! Начиная от <em>"купи слона"</em>, до <em>"мега-умбер-онлайн игра, клонов которой уже нисчесть! играй сейчас! живо!!!"</em>.</p>
<p>Кхм. Простите.</p>
<p>Вообщем, тестовая вариация плеера запущена для кинотеатра <b>OnlineLife</b>. Если нареканий не будет, то запущу и для остальных.</p>
</div>
</div>
<div class="row">
<div class="col-sm-2">
<time datetime="2016-03-23">23.03.2016</time>
</div>
<div class="col-sm-10">
<p><em>Version 2.0.6</em></p>
<ul>
<li>группировка одинаковых фильмов</li>
<li>новости проекта на главной странице</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<p><i>информация о более ранних версиях была утеряна</i></p>
</div>
</div>
</div>
[#include "fother.inc.ftl"]

3
src/main/resources/kinosearch/kinosearch3/webpp/fother.inc.ftl Normal file
View File

@@ -0,0 +1,3 @@
</div>
</body>
</html>

22
src/main/resources/kinosearch/kinosearch3/webpp/header.inc.ftl Normal file
View File

@@ -0,0 +1,22 @@
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="/style.css">
<link rel="icon" type="image/svg+xml" href="/ks3logo.svg" >
</head>
<body>
<div class="container">
<h1 class="title"><a href="/"><img src="/ks3logo.svg"> KinoSearch</a></h1>
<br>
<form method="get" action="/">
<div class="input-group">
<span class="input-group-addon">Найти:</span>
<input class="form-control" type="text" placeholder="Что ищем?" name="search"/>
<span class="input-group-btn">
<button class="btn btn-primary" type="submit">Ищи!</button>
</span>
</div>
</form>
<div class="minimenu"><a href="/blog.html">мини-блог</a> | <a href="/about.html">о сервисе</a></div>

10
src/main/resources/kinosearch/kinosearch3/webpp/index.ftl
View File

@@ -1,9 +1,3 @@
[#ftl]
<html>
<head>
<link rel="icon" type="image/svg+xml" href="/ks3logo.svg" >
</head>
<body>
<h1><img src="/ks3logo.svg" height="30"> KinoSearch 3.0.0-alpha</h1>
</body>
</html>
[#include "header.inc.ftl"]
[#include "fother.inc.ftl"]

0
src/main/resources/kinosearch/kinosearch3/webpp/ks3logo.svg → src/main/resources/kinosearch/kinosearch3/webpp/static/ks3logo.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
src/main/resources/kinosearch/kinosearch3/webpp/static/noise-background.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

42
src/main/resources/kinosearch/kinosearch3/webpp/static/style.css Normal file
View File

@@ -0,0 +1,42 @@
body {
background: #f3f3f3 url('/noise-background.png');
background-size: auto;
padding-bottom: 1em;
}
.title {
text-shadow: 0 0 .2em rgba(0, 0, 0, 0.2);
font-family: sans-serif;
text-align: center;
font-size: 3em;
font-weight: bold;
}
.title img {
vertical-align: bottom;
height: 1.119em;
display: inline-block;
}
.title a {
text-decoration: none;
color: inherit;
}
.minimenu {
text-align: center;
color: #888;
font-size: small;
}
hr {
border-top-color: #d4d4d4;
}
.news time {
font-weight: bold;
}
.news .row {
margin-bottom: 2em;
}