shared: Share styleguide assets

README.md

@@ -44,6 +44,25 @@ Rozšíření která používáme:
     ├── tuning          = app na tuning administračního rozhraní Majáku
     └── users           = app s custom user modelem a SSO, apod.
 
+### Styleguide
+
+Některé weby využívají [Pirátskou UI styleguide](https://gitlab.pirati.cz/to/weby/ui-styleguide)
+pro vzhled. Idea je, že se budou sdílet nejen statické assety (CSS, JS, ...),
+ale i univerzální kusy template, které se dají includovat v různých webech
+(patička webu, karta článku do přehledu, atp.).
+
+Sdílené části využívané na více webech se umísťují do:
+
+    shared/static/styleguideXX/     = statické assety (CSS, JS, obrázky, ...)
+    shared/templates/styleguideXX/  = snippety pro include v templatech
+
+`XX` v názvu adresáře je číslo major a minor verze šablony. Např. `styleguide18`
+obsahuje věci ze šablony verze `1.8.x`. Důvodem je snažší migrace na novější
+verze šablony, které mohou obsahovat nekompatibilní změny. Každý web tak může
+(a nemusí) migrovat nezávisle dle potřeby.
+
+Různé verze šablony jsou k vidění na [styleguide.pir-test.eu](https://styleguide.pir-test.eu/)
+
 ### Kalendáře
 
 Pro práci s kalendáři v iCal formátu je připravena appka `calendar_utils`.
@@ -62,12 +81,14 @@ kalendáře. Je třeba ho pravidelně volat na pozadí (přes CRON).
 
 Appka Uniweb umí vložit do stránky Jupyter notebook a zobrazit jeho výstup.
 
-Pokud některé buňky nechceš generovat do výstupní stránky, nastav u nich tag "exclude".
+Pokud některé buňky nechceš generovat do výstupní stránky, nastav u nich tag
+"exclude".
 
 Pokud chceš generovat jen výstup dané buňky, použij tag "output"
 
-Pozor: u plotly grafů je nutno zadat tagem "output" výstup buňky s inicializací knihovny, tedy něco kde je "import plotly" apod.
-Pokud celou takovou buňku vynecháš tagem "exclude", žádné grafy se nezobrazí.
+Pozor: u plotly grafů je nutno zadat tagem "output" výstup buňky s inicializací
+knihovny, tedy něco kde je "import plotly" apod. Pokud celou takovou buňku
+vynecháš tagem "exclude", žádné grafy se nezobrazí.
 
 
 ## Deployment

uniweb/templates/uniweb/base.html

@@ -14,8 +14,8 @@
   {% include "shared/favicon_snippet.html" %}
 
   <!-- Styles -->
-  <link href="{% static "uniweb/assets/css/styles.css" %}" rel="stylesheet" media="all" />
-  <link href="{% static "uniweb/assets/css/pattern-scaffolding.css" %}" rel="stylesheet" media="all" />
+  <link href="{% static "styleguide18/assets/css/styles.css" %}" rel="stylesheet" media="all" />
+  <link href="{% static "styleguide18/assets/css/pattern-scaffolding.css" %}" rel="stylesheet" media="all" />
   <link href="{% static "shared/vendor/fancybox/jquery.fancybox.min.css" %}" rel="stylesheet">
 
   <style type="text/css">
@@ -38,7 +38,7 @@
           <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="{% static "uniweb/assets/images/logo-round-white.svg" %}" class="w-8" />
+                <img src="{% static "styleguide18/assets/images/logo-round-white.svg" %}" class="w-8" />
               </a>
               <a href="/" class="pl-4 font-bold text-xl lg:border-r lg:border-grey-300 lg:pr-8">{{ page.root_page.seo_title }}</a>
             </div>
@@ -74,7 +74,7 @@
         <div class="footer__main py-4 lg:py-16 container container--default">
           <section class="footer__brand">
             <a href="https://www.pirati.cz">
-              <img src="{% static "uniweb/assets/images/logo.svg" %}" alt="logo pirátské strany" class="w-32 md:w-40 pb-6" />
+              <img src="{% static "styleguide18/assets/images/logo.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> {% now "Y" %} Piráti. Všechna práva vyhlazena. Sdílejte a nechte ostatní sdílet za stejných podmínek.
@@ -115,8 +115,8 @@
     </ui-app>
   </footer>
 
-  <script src="{% static "uniweb/assets/js/vue.2.6.11.js" %}"></script>
-  <script src="{% static "uniweb/assets/js/main.bundle.js" %}"></script>
+  <script src="{% static "styleguide18/assets/js/vue.2.6.11.js" %}"></script>
+  <script src="{% static "styleguide18/assets/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>