From 7483bb5da6b22b94045a309d2ece2ed80ce48dc2 Mon Sep 17 00:00:00 2001 From: Mateja Date: Sun, 2 May 2021 21:06:06 +0200 Subject: Add `public` directory for static files. --- index.js | 2 ++ public/css/style.css | 77 +++++++++++++++++++++++++++++++++++++++++++ views/layouts/main.handlebars | 5 ++- 3 files changed, 83 insertions(+), 1 deletion(-) create mode 100644 public/css/style.css diff --git a/index.js b/index.js index b7eb95b..9866dde 100644 --- a/index.js +++ b/index.js @@ -6,6 +6,8 @@ const app = express(); app.engine('handlebars', exphbs()); app.set('view engine', 'handlebars'); +app.use(express.static('public')); + app.get('/', (req, res) => { res.render('home', { title: 'Home Page', diff --git a/public/css/style.css b/public/css/style.css new file mode 100644 index 0000000..d3a017d --- /dev/null +++ b/public/css/style.css @@ -0,0 +1,77 @@ +body { + font-family: 'Lato', sans-serif; + background: #cbd4ee; } + +footer, nav { + background: linear-gradient(to right, #3c1d43, #002147) !important; + color: white; + font-size: 1.1rem !important; } + footer .nav-item, nav .nav-item { + padding: 0.7rem; } + +.carousel { + max-height: 60vh; + overflow: hidden; } + .carousel .img-fluid { + width: 100%; } + +.badge { + background: #002147; + padding: 1rem; + border-radius: 0 35%; } + +.btn { + background: #002147; + color: white; } + .btn:hover { + color: #cbd4ee; } + +.card { + height: 100%; } + .card .card-title { + font-weight: bold; } + .card .card-header { + background: #3c1d43; + color: white; } + .card .card-footer { + background: #002147; + color: white; } + .card .img-fluid { + width: 100%; + height: 100%; } + +.repertory { + width: 55rem; } + +.soon { + height: auto; } + +.icons-index { + font-size: 10rem; + color: #002147; + opacity: 0.7; } + +.gallery-container { + max-width: 80vw; + max-height: 75vh; } + .gallery-container .gallery-image { + width: 100%; + height: 100%; + object-fit: cover; } + +.gallery-image-thumbnail { + width: 100%; + height: 100%; + opacity: 0.7; } + .gallery-image-thumbnail:hover { + cursor: pointer; } + +.selected { + opacity: 1; } + +.column { + float: left; + width: 16.66%; } + +.form-text { + color: #002147; } diff --git a/views/layouts/main.handlebars b/views/layouts/main.handlebars index c41b99f..9eccc37 100644 --- a/views/layouts/main.handlebars +++ b/views/layouts/main.handlebars @@ -5,9 +5,12 @@ {{ title }} + + + -