Skip to content
Snippets Groups Projects
Verified Commit 5458b37d authored by Andrej Ramašeuski's avatar Andrej Ramašeuski
Browse files

Prvni verze se styleguide

parent cd5f7dcf
Branches
Tags
No related merge requests found
Show whitespace changes
Inline Side-by-side
src/index.scss
+ 12
− 12
View file @ 5458b37d
// Konfigurace
@import "scss/variables";
//@import "scss/variables";
// Google fonts
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@300;400;500&display=swap");
//@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@300;400;500&display=swap");
// Vue a bootstrap
@import '~bootstrap/scss/bootstrap';
// @import '~bootstrap/scss/bootstrap';
// Piratske tema
@import "scss/pirati/mixins";
@import "scss/pirati/common";
@import "scss/pirati/buttons";
@import "scss/pirati/typography";
@import "scss/pirati/header";
@import "scss/pirati/footer";
@import "scss/pirati/pagination";
//@import "scss/pirati/mixins";
//@import "scss/pirati/common";
//@import "scss/pirati/buttons";
//@import "scss/pirati/typography";
//@import "scss/pirati/header";
//@import "scss/pirati/footer";
//@import "scss/pirati/pagination";
// video.js
@import "~video.js/dist/video-js.css";
//@import "~video.js/dist/video-js.css";
// Lokalni styly
@import "scss/pitube";
// @import "scss/pitube";
templates/layouts/default.html.ep
+ 97
− 92
View file @ 5458b37d
<!doctype html>
<html lang="cs">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0, shrink-to-fit=no">
<title><%= title %></title>
<meta name="description" content="Piratské streamy">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Piratské TV">
<meta name="robots" content="noindex, nofollow">
<link rel="shortcut icon" href="/favicon.ico">
<script src="/bundle.js"></script>
% if ( $c->config->{matomo_id} ) {
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//matomo.pirati.cz/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '<%= $c->config->{matomo_id} %>']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
% }
<link rel="stylesheet" href="https://styleguide.pir-test.eu/latest/css/styles.css" media="all" />
<link rel="stylesheet" href="https://styleguide.pir-test.eu/latest/css/pattern-scaffolding.css" media="all" />
<style type="text/css">
.inline-block { display: inline-block; }
</style>
%= include 'includes/matomo';
</head>
<body>
<header>
<div class="first-header with-small-logo">
<div class="container-fluid">
<div class="row">
<div class="col-1 col-lg-1 col-xl-1 logo-wrap">
<nav class="navbar navbar--simple __js-root">
<ui-app inline-template>
<ui-navbar inline-template>
<div>
<div class="container container--wide navbar__content max-w-screen-xl" :class="{'navbar__content--initialized': true}">
<div class="navbar__brand my-4 flex items-center lg:pr-8 lg:my-0">
<a href="/">
<img src="/img/logo.svg" class="normal" alt="">
<img src="/img/logo-small.svg" class="small" alt="">
<img src="https://styleguide.pir-test.eu/latest/images/logo-round-white.svg" class="w-8" />
</a>
<a href="/" class="pl-4 font-bold text-l lg:border-r lg:border-grey-300 lg:pr-8">PiTube - Každý Pirát je vysílač</a>
</div>
<div class="col-9 col-xl-9 col-lg-9 menu-content">
<h1 class="headline-normal mt-3"><a href="/">PiTube - Každý Pirát je vysílač</a></h1>
% if (0) {
<div class="navbar__menutoggle my-4 flex justify-end lg:hidden">
<a href="#" @click="show = !show" class="no-underline hover:no-underline">
<i class="ico--menu text-3xl"></i>
</a>
</div>
<div class="col-2 col-xl-2 col-lg-2 menu-content">
<div v-if="show || isLgScreenSize" class="navbar__main navbar__section navbar__section--expandable container-padding--zero lg:container-padding--auto">
<ul class="navbar-menu text-white">
<li class="navbar-menu__item">
% if ( $c->is_user_authenticated ) {
<a href="/logout" class="btn-basic c-black">
<div class="btn-wrap">
<span class="text">Odhlásit se</span>
</div>
</a>
<a href="/logout" data-href="/logout" class="navbar-menu__link">Odhlásit se</a>
% } else {
<a href="<%= $c->oauth2->authorize %>" class="btn-basic c-black">
<div class="btn-wrap">
<span class="text">Přihlásit se</span>
</div>
</a>
<a href="<%= $c->oauth2->authorize %>" data-href="/logout" class="navbar-menu__link">Přihlásit se</a>
% }
</div>
</li>
</ul>
</div>
% }
</div>
</div>
</header>
<main>
<section class="contact">
<div class="container my-5">
<div class="row">
<div class="col-lg-12">
</ui-navbar>
</ui-app>
</nav>
<div class="container container--default lg:py-4">
<%= content %>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="footer-first">
<div class="top sp-3">
<div class="container">
<div class="row">
<div class="col-sm-7 col-12 footer-logo">
<a href="https://www.pirati.cz"><img src="/img/logo.svg" alt="Pirátská strana"></a>
<p><span class="copyleft">©</span> Piráti, 2020. Všechna práva vyhlazena.<br>Sdílejte a nechte ostatní sdílet za stejných podmínek.</p>
<footer class="footer bg-grey-700 text-white __js-root">
<ui-app inline-template>
<div>
<div class="footer__main py-4 lg:py-16 container container--default">
<section class="footer__brand">
<a href="https://www.pirati.cz">
<img src="https://styleguide.pir-test.eu/latest/images/logo-full-white.svg" alt="logo pirátské strany" class="w-32 md:w-40 pb-6" />
</a>
<p class="para hidden md:block md:mb-4 lg:mb-0 text-grey-200">
<span class="copyleft inline-block">&copy;</span> 2020 Piráti. Všechna práva vyhlazena. Sdílejte a nechte ostatní sdílet za stejných podmínek.
</p>
</section>
<section class="footer__social lg:text-right">
<div class="mb-4">
<div class="social-icon-group space-x-2 text-white pb-4">
<a href="https://www.pirati.cz" class="social-icon "><i class="ico--home"></i></a>
<a href="https://www.facebook.com/ceska.piratska.strana/" class="social-icon "><i class="ico--facebook"></i></a>
<a href="https://twitter.com/PiratskaStrana" class="social-icon "><i class="ico--twitter"></i></a>
<a href="https://www.youtube.com/user/CeskaPiratskaStrana" class="social-icon "><i class="ico--youtube"></i></a>
<a href="https://www.instagram.com/pirati.cz/" class="social-icon "><i class="ico--instagram"></i></a>
<a href="https://www.flickr.com/photos/pirati/" class="social-icon "><i class="ico--flickr"></i></a>
</div>
<div class="col-sm-5 col-12 footer-cta">
<div class="footer-socials">
<a href="https://www.facebook.com/ceska.piratska.strana/"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/PiratskaStrana"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/pirati.cz/"><i class="fab fa-instagram"></i></a>
<a href="https://www.youtube.com/user/CeskaPiratskaStrana"><i class="fab fa-youtube"></i></a>
<a href="https://www.flickr.com/photos/pirati/"><i class="fab fa-flickr"></i></a>
</div>
<a href="https://nalodeni.pirati.cz" class="btn-icon c-green my-1">
<div class="btn-wrap">
<span class="text">Naloď se</span><div class="icon"><img src="/img/icons/onboard.svg" alt="Naloď se"></div>
<div class="flex flex-col md:flex-row lg:flex-col lg:items-end space-y-2 md:space-y-0 md:space-x-2 lg:space-x-0 lg:space-y-2">
<a href="https://dary.pirati.cz" class="btn btn--icon btn--cyan-200 btn--hoveractive text-lg btn--fullwidth sm:btn--autowidth">
<div class="btn__body-wrap">
<div class="btn__body ">Přispěj</div>
<div class="btn__icon ">
<i class="ico--pig"></i>
</div>
</div>
</a>
<a href="https://nalodeni.pirati.cz" class="btn btn--icon btn--blue-300 btn--hoveractive text-lg btn--fullwidth sm:btn--autowidth">
<div class="btn__body-wrap">
<div class="btn__body ">Naloď se</div>
<div class="btn__icon ">
<i class="ico--anchor"></i>
</div>
</div>
</a>
</div>
</section>
</div>
</div>
</ui-app>
</footer>
% if (0) {
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js"></script>
<script src="https://styleguide.pir-test.eu/latest/js/main.bundle.js" %}"></script>
<script src="{% static "shared/vendor/jquery/jquery-3.4.1.min.js" %}"></script>
<script src="{% static "shared/vendor/lazysizes/lazysizes.min.js" %}"></script>
<script src="{% static "shared/vendor/fancybox/jquery.fancybox.min.js" %}"></script>
% }
</body>
</html>
% if ( $c->is_user_authenticated ) {
% use YAML;
<!--
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Pirátský GitLab - Home of the CopyLeft