added styles & locale

assets/css/_variables.scss

@@ -0,0 +1,126 @@
+
+// Colors
+
+$white: #fff;
+$gray-100: #f5f5f5;
+$gray-200: #e9ecef;
+$gray-300: #ddd;
+$gray-400: #ced4da;
+$gray-500: #adb5bd;
+$gray-600: #868e96;
+$gray-700: #495057;
+$gray-800: #343a40;
+$gray-900: #212529;
+$black: #000;
+
+$blue: #175fc9;
+$pink: #ff737c;
+$red: #d9534f;
+$yellow: #fcee60;
+$orange: #ffae73;
+$green: #02B875;
+$teal: #55e7cc;
+$cyan: #8ce6ff;
+
+$primary: $blue;
+$secondary: #666;
+$success: $green;
+$info: $cyan;
+$warning: $yellow;
+$danger: $red;
+$light: $gray-100;
+$dark: $gray-800;
+
+$theme-colors: (
+    "blue": $blue,
+    "soft-blue": rgba(23, 95, 201, 0.15),
+    "pink": $pink,
+    "yellow": $yellow,
+    "orange": $orange,
+    "soft-orange": rgba(255, 174, 115, 0.15),
+    "teal": $teal,
+    "cyan": $cyan,
+);
+
+$yiq-contrasted-threshold: 190;
+
+$text-muted: #999;
+
+// Shadow
+
+$box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
+
+// Grid
+
+$spacer: 1rem;
+$spacers: (
+    0: 0,
+    1: ($spacer * .25),
+    2: ($spacer * .5),
+    3: $spacer,
+    4: ($spacer * 1.5),
+    5: ($spacer * 3),
+    6: ($spacer * 4.5),
+    7: ($spacer * 6)
+);
+
+// Body
+
+$body-bg: $white;
+$body-color: $black;
+
+// Fonts
+
+$font-family-base: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+$font-family-title: Georgia, Times, 'New Roman', serif;
+
+$font-size-base: 1rem;
+
+$font-weight-normal: 400;
+$font-weight-medium: 500;
+$font-weight-bold: 600;
+
+// Headings
+
+$headings-font-family: $font-family-title;
+$headings-font-weight: $font-weight-normal;
+$headings-color: $gray-900;
+
+// Navbar
+
+$navbar-light-brand-color: $black;
+$navbar-light-brand-hover-color: $primary;
+$navbar-light-hover-color: $primary;
+
+// Dropdown
+
+$dropdown-link-hover-bg: $gray-200;
+
+// Tables
+
+$table-border-color: rgba(0, 0, 0, 0.1);
+
+// Forms and buttons
+
+$input-border-color: rgba(0, 0, 0, .1);
+$input-group-addon-bg: $gray-200;
+$btn-font-weight: $font-weight-bold;
+$custom-control-indicator-size: 1.3rem;
+
+// Tooltips
+
+$tooltip-font-size: 11px;
+
+// Badges
+
+$badge-font-weight: normal;
+$badge-padding-y: 0.6em;
+$badge-padding-x: 1.2em;
+
+// Alerts
+
+$alert-border-width: 0;
+
+// Cards
+
+$card-border-width: 0;

assets/css/app.scss

@@ -1 +1,65 @@
+@import './variables';
 @import '~bootstrap/scss/bootstrap';
+
+body {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+}
+main {
+    flex: 1;
+}
+
+// Darken buttons
+@each $color, $value in $theme-colors {
+    .btn-#{$color} {
+        @include button-variant($value, $value, darken($value, 10%));
+    }
+}
+
+.navbar-brand {
+    font-family: $font-family-title;
+    font-weight: $font-weight-normal;
+    font-size: 1.8rem;
+}
+
+.navbar-brand, .nav-link {
+    transition: all .15s;
+}
+
+.nav-conference {
+    display: inline-block;
+    padding: 5px 10px;
+    color: #666;
+    text-transform: uppercase;
+    font-weight: bold;
+    font-size: 0.8rem;
+}
+
+.lift {
+    transition: box-shadow .25s ease,transform .25s ease;
+
+    &:focus, &:hover {
+        box-shadow: 0 1rem 2.5rem rgba(22,28,45,.1),0 .5rem 1rem -.75rem rgba(22,28,45,.1)!important;
+        transform: translate3d(0, -4px, 0);
+    }
+}
+
+.comment-img {
+    width: 250px;
+    height: 150px;
+
+    img {
+        max-width: 250px;
+        max-height: 150px;
+    }
+}
+
+.comment-text {
+    font-size: 12px;
+    line-height: 15px;
+}
+
+footer {
+    background: #18171b;
+}

assets/js/app.js

@@ -1,3 +1,4 @@
+import '../css/app.scss';
 import 'bootstrap';
 import bsCustomFileInput from 'bs-custom-file-input';
 

config/packages/framework.yaml

@@ -10,7 +10,7 @@ framework:
         cookie_secure: auto
         cookie_samesite: lax
 
-    #esi: true
+    esi: true
     #fragments: true
     php_errors:
         log: true

config/services.yaml

@@ -7,6 +7,7 @@ parameters:
     default_admin_email: [email protected]
     default_domain: '127.0.0.1'
     default_scheme: 'http'
+    app.supported_locales: 'en|ru'
 
     router.request_context.host: '%env(default:default_domain:SYMFONY_DEFAULT_ROUTE_HOST)%'
     router.request_context.scheme: '%env(default:default_scheme:SYMFONY_DEFAULT_ROUTE_SCHEME)%'