Move images to a dedicated folder

2 years ago · d295b722b5
parent 95320141a0
commit d295b722b5
8 changed files with 28 additions and 15 deletions
--- a/index.html
+++ b/index.html
@ -5,7 +5,7 @@
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<link href="/static/css/style.css" rel="stylesheet">
-		<link rel="icon" type="image/png" href="/static/favicon.png">
+		<link rel="icon" type="image/png" href="/static/img/favicon.png">
 	</head>
 	<body>
 		<div class="intro">
@ -13,7 +13,7 @@
 				<div class="wrap">
 					<div class="border-container">
 						<div class="logo">
-							<img src="/static/logo.svg" alt="Logo" class="logo">
+							<img src="/static/img/logo.svg" alt="Logo" class="logo">
 						</div>
 						<nav id="nav">
 							<a href="#zasady">Obecné zásady</a>
@ -50,21 +50,21 @@
 			<p class="narrow text-center">Phasellus porta, velit sit amet varius laoreet, libero ex hendrerit diam, et commodo magna est non odio. Donec lacinia fringilla egestas. Nullam quis urna sit amet eros dignissim varius in non justo. In hac habitasse platea dictumst. Maecenas quis nisi mollis, fringilla justo et, eleifend purus. Donec convallis fringilla sem.</p>
 			<div class="checklist">
 				<div class="card" data-tilt>
-					<img src="static/pedf-logo-white.svg" alt="">
+					<img src="static/img/pedf-logo-white.svg" alt="">
 					<div class="title">
 						Pěstounská péče
 					</div>
 					<p>Et quasi reprehenderit architecto enim dicta modi consequuntur delectus.</p>
 				</div>
 				<div class="card" data-tilt>
-					<img src="static/pedf-logo-white.svg" alt="">
+					<img src="static/img/pedf-logo-white.svg" alt="">
 					<div class="title">
 						Pěstounská péče
 					</div>
 					<p>Et quasi reprehenderit architecto enim dicta modi consequuntur delectus.</p>
 				</div>
 				<div class="card" data-tilt>
-					<img src="static/pedf-logo-white.svg" alt="">
+					<img src="static/img/pedf-logo-white.svg" alt="">
 					<div class="title">
 						Pěstounská péče
 					</div>
@ -92,15 +92,18 @@
 			</div>
 		</section>
 		<section class="wrap partners">
-			<img src="/static/placeholder-logo.svg" alt="Placeholder">
-			<img src="/static/placeholder-logo.svg" alt="Placeholder">
-			<img src="/static/placeholder-logo.svg" alt="Placeholder">
-			<img src="/static/placeholder-logo.svg" alt="Placeholder">
-			<img src="/static/placeholder-logo.svg" alt="Placeholder">
+			<img src="/static/img/placeholder-logo.svg" alt="Placeholder">
+			<img src="/static/img/placeholder-logo.svg" alt="Placeholder">
+			<img src="/static/img/placeholder-logo.svg" alt="Placeholder">
+			<img src="/static/img/placeholder-logo.svg" alt="Placeholder">
+			<img src="/static/img/placeholder-logo.svg" alt="Placeholder">
 		</section>
 		<section id="faq">
+			<div class="wrap">
 				<h1>FAQ</h1>
 				<p class="narrow text-center">Possimus totam officia unde odit voluptate sint iste. At explicabo sunt et iusto sint. Enim ipsam aliquam eos quos aspernatur beatae. Nostrum architecto sed excepturi eaque et. </p>
+				
+			</div>
 			<div class="faq-list narrow">
 				<div class="faq">
 					<div class="mark"></div>
--- a/sass/style.scss
+++ b/sass/style.scss
@ -144,13 +144,13 @@ body.noscroll {
 			.image {
 				height: 2rem;
 				width: 2rem;
-				background-image: url("/static/menu-closed.svg");
+				background-image: url("/static/img/menu-closed.svg");
 				background-size: contain;
 				background-position: center;
 				background-repeat: no-repeat;

 				&.open {
-					background-image: url("/static/menu-open.svg");
+					background-image: url("/static/img/menu-open.svg");
 				}
 			}
 		}
@ -318,7 +318,7 @@ footer {
 		width: $logo-radius*2;
 		border: 1px solid #5d6e81;
 		border-radius: 50%;
-		background-image: url("/static/pedf-logo-white.svg");
+		background-image: url("/static/img/pedf-logo-white.svg");
 		background-position: center;
 		background-size: 75%;
 		background-repeat: no-repeat;
@ -326,6 +326,16 @@ footer {
 	}
 }

+@media only screen and (min-width: $size-mobile) {
+	.faq-list .faq {
+		&:before,
+		&:last-child:after {
+			width: 100%;
+			left: 0;
+		}
+	}
+}
+
@media only screen and (max-width: $size-mobile) {

 	.intro header {
--- a/static/img/favicon.png
+++ b/static/img/favicon.png
--- a/static/img/logo.svg
+++ b/static/img/logo.svg
--- a/static/img/menu-closed.svg
+++ b/static/img/menu-closed.svg
--- a/static/img/menu-open.svg
+++ b/static/img/menu-open.svg
--- a/static/img/pedf-logo-white.svg
+++ b/static/img/pedf-logo-white.svg
--- a/static/img/placeholder-logo.svg
+++ b/static/img/placeholder-logo.svg