Commit 5f4e2155 authored by psl4's avatar psl4
Browse files

Added views

parent 85865770
This diff is collapsed.
var gulp = require('gulp'), // Подключаем Gulp
sass = require('gulp-sass'), //Подключаем Sass пакет,
browserSync = require('browser-sync'); // Подключаем Browser Sync
const gulp = require('gulp'),
sass = require('gulp-sass'),
browserSync = require('browser-sync');
gulp.task('sass', function(){ // Создаем таск Sass
return gulp.src('resources/sass/**/*.sass') // Берем источник
.pipe(sass()) // Преобразуем Sass в CSS посредством gulp-sass
.pipe(gulp.dest('resources/css')) // Выгружаем результата в папку app/css
.pipe(browserSync.reload({stream: true})) // Обновляем CSS на странице при изменении
const webpack = require('gulp-webpack');
gulp.task('sass', function() {
return gulp.src('resources/sass/**/*.s*ss')
.pipe(sass())
.pipe(gulp.dest('public/css'))
.pipe(webpack())
.pipe(gulp.dest('public/js'))
.pipe(browserSync.reload({stream: true}))
});
gulp.task('browser-sync', function() {
......@@ -17,6 +21,7 @@ gulp.task('browser-sync', function() {
});
gulp.task('watch', function() {
gulp.watch('resources/sass/**/*.sass', gulp.parallel('sass')); // Наблюдение за sass файлами
gulp.watch('resources/sass/**/*.s*ss', gulp.parallel('sass'));
});
gulp.task('default', gulp.parallel('sass', 'browser-sync', 'watch'));
This diff is collapsed.
......@@ -69,6 +69,14 @@ a {
main a {
color: #222; }
main .admin {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row; }
main .admin p {
padding: 5em; }
#header_image img {
width: 100%; }
......
......@@ -46,7 +46,7 @@
__webpack_require__(1);
__webpack_require__(2);
(function webpackMissingModule() { throw new Error("Cannot find module \"C:\\Users\\User\\OpenServer\\domains\\unwto\\resources\\css\\style.css\""); }());
(function webpackMissingModule() { throw new Error("Cannot find module \"C:\\Users\\User\\OpenServer\\domains\\unwto\\public\\css\\style.css\""); }());
/***/ }),
......
body {
font-family: "Open Sans", sans-serif;
background-color: #F9F9F9; }
h2 {
color: #222; }
a {
text-decoration: none;
color: #FFF; }
header {
position: fixed;
top: 0;
......@@ -31,6 +20,52 @@ header {
header .search {
margin-right: 1em; }
footer {
margin-top: 4em;
background-color: #004F93;
color: #FFF; }
footer a {
color: #FFF; }
footer li {
list-style-type: none; }
footer .bottom_row {
display: flex;
justify-content: center;
align-items: flex-start;
padding-top: 1em; }
footer .info {
margin-left: 1.5em;
margin-right: 10em;
padding-right: 3em; }
footer .refs {
display: flex;
justify-content: space-around;
align-items: flex-start; }
footer hr {
margin: 0 8em;
color: #FFF; }
footer .bottom_footer {
font-size: 10px;
padding: 1em 0; }
footer .bottom_ref {
margin: 1em 30em;
display: flex;
justify-content: space-evenly;
align-items: flex-start; }
footer .bottom_info {
text-align: center; }
body {
font-family: "Open Sans", sans-serif;
background-color: #F9F9F9; }
h2 {
color: #222; }
a {
text-decoration: none;
color: #FFF; }
main a {
color: #222; }
......@@ -102,38 +137,3 @@ main a {
padding: 0.3em;
border-radius: 7px;
color: #004F93; }
footer {
margin-top: 4em;
background-color: #004F93;
color: #FFF; }
footer a {
color: #FFF; }
footer li {
list-style-type: none; }
footer .bottom_row {
display: flex;
justify-content: center;
align-items: flex-start;
padding-top: 1em; }
footer .info {
margin-left: 1.5em;
margin-right: 10em;
padding-right: 3em; }
footer .refs {
display: flex;
justify-content: space-around;
align-items: flex-start; }
footer hr {
margin: 0 8em;
color: #FFF; }
footer .bottom_footer {
font-size: 10px;
padding: 1em 0; }
footer .bottom_ref {
margin: 1em 30em;
display: flex;
justify-content: space-evenly;
align-items: flex-start; }
footer .bottom_info {
text-align: center; }
$background-primary: #004F93
$font-color: #FFF
footer
margin-top: 4em
background-color: $background-primary
color: $font-color
a
color: $font-color
li
list-style-type: none
.bottom_row
display: flex
justify-content: center
align-items: flex-start
padding-top: 1em
.info
margin-left: 1.5em
margin-right: 10em
padding-right: 3em
.refs
display: flex
justify-content: space-around
align-items: flex-start
hr
margin: 0 8em
color: $font-color
.bottom_footer
font-size: 10px
padding: 1em 0
.bottom_ref
margin: 1em 30em
display: flex
justify-content: space-evenly
align-items: flex-start
.bottom_info
text-align: center
$background-primary: #004F93
header
position: fixed
top: 0
left: 0
width: 100%
background-color: $background-primary
display: flex
justify-content: space-between
align-items: center
ul
display: flex
justify-content: space-evenly
padding-left: 0
border: 1px solid white
li
display: inline
color: white
padding: 1.5em
font-weight: bold
.search
margin-right: 1em
$background-primary: #004F93
$font-color: #FFF
@import "header"
@import "footer"
body
font-family: "Open Sans", sans-serif
background-color: #F9F9F9
h2
color: #222
a
text-decoration: none
color: $font-color
main
a
color: #222
.admin
display: flex
justify-content: space-between
align-items: center
flex-direction: row
p
padding: 5em
#header_image
img
width: 100%
#main_post
display: flex
justify-content: space-around
align-items: flex-start
margin: 1em
#card1
border: 0.1px solid #CCC
padding: 0 4em 1em 2.5em
background-color: #FFF
p
font-size: 32px
#latest_news
margin: 4em 2em 0 2em
#news_cards
display: flex
justify-content: space-around
align-items: flex-start
#news_column1
img
width: 80%
#news_column2
display: flex
justify-content: space-around
align-items: flex-start
flex-direction: column
#news_row
display: flex
justify-content: space-around
align-items: flex-start
#news_row1
display: flex
justify-content: space-around
align-items: flex-start
#news_card1
margin-right: 2em
#news_row2
display: flex
justify-content: space-around
align-items: flex-start
#news_card3
margin-right: 1em
.publications
margin-left: 2em
margin-right: 2em
margin-top: 4em
#pub_row
display: flex
justify-content: space-evenly
align-items: flex-start
a
border: 0.1px solid $background-primary
padding: 0.3em
border-radius: 7px
color: $background-primary
@extends('layouts.master')
@section('header')
@include('layouts.header')
@endsection
@section('main')
<div class="admin">
@include('layouts.admin')
@include('layouts.main')
</div>
@endsection
@section('footer')
@include('layouts.footer')
@endsection
<div>
<form>
<fieldset>
<legend>Login Details</legend>
<div>
<label for="user-name">Username:</label>
<input name="user-name" type="email" placeholder="Your username is your email address" required autofocus>
</div>
<div>
<label for="password">Password:</label>
<input name="password" type="password" placeholder="6 digits, a combination of numbers and letters" required>
</div>
<div>
<input name="login" type="submit" value="Login">
</div>
</fieldset>
</form>
</div>
<div class="bottom_row">
<div class="info">
<a href=""><img src="img/logo.png" alt="bottom_logo"></img></a>
<address>
World Tourism Organisation
<br>
Calle Poeta Joan Maragall 42
<br>
28020
<br>
<a href="malito:info@unwto.org">info@unwto.org</a>
</address>
</div>
<div class="refs">
<div class="footer_col1">
<ul class="bottom_list">
<li><h5><a href="">UNWTO</a></h5></li>
<li><a href="">About UNWTO</a></li>
<li><a href="">Secretary-General</a></li>
<li><a href="">Our Management</a></li>
<li><a href="">Affiliate Members</a></li>
<li><a href="">Member States</a></li>
<li><a href="">Tourism In The 2030 Agenda</a></li>
</ul>
</div>
<div class="footer_col2">
<ul class="bottom_list">
<li><a href="">World Tourism Day</a></li>
<li><a href="">Technical Cooperation</a></li>
<li><h5><a href="">AFRICA</a></h5></li>
<li><h5><a href="">AMERICA</a></h5></li>
<li><h5><a href="">ASIA AND THE PACIFIC</a></h5></li>
<li><h5><a href="">EUROPE</a></h5></li>
</ul>
</div>
<div class="footer_col3">
<ul class="bottom_list">
<li><h5><a href="">MIDDLE EAST</a></h5></li>
<li><h5><a href="">RESOURCES / SERVICES</a></h5></li>
<li><a href="">sustainable development of tourism</a></li>
<li><a href="">ethics, culture and social responsibility</a></li>
<li><a href="">market intelligence</a></li>
</ul>
</div>
<div class="footer_col4">
<ul class="bottom_list">
<li><a href="">Competitiveness</a></li>
<li><a href="">Tourism Data Dashboard</a></li>
<li><a href="">News</a></li>
<li><a href="">Events</a></li>
<li><a href="">Publications</a></li>
<li><a href="">UNWTO Academy</a></li>
<li><a href="">Statistics</a></li>
<li><a href="">E-library</a></li>
</ul>
</div>
</div>
</div>
<div class="bottom_footer">
<hr>
<ul class="bottom_ref">
<li><a href="">HOME</a></li>
<li><a href="">SITE MAP</a></li>
<li><a href="">EMPLOYMENT</a></li>
<li><a href="">NEWSLETTER</a></li>
<li><a href="">COPYRIGHT</a></li>
<li><a href="">CONTACT US</a></li>
<li><a href="">PROCUREMENT</a></li>
</ul>
<p class="bottom_info">
The World Tourism
Organization (UNWTO) is a specialized agency
of the United Nations
</p>
</div>
<?php
<div class="logo">
<a href=""><img src="img/logo.png" alt="logo"></a>
</div>
<div class="header">
<nav class="header">
<ul>
<li><a href="">ABOUT US</a></li>
<li><a href="">OUR FOCUS</a></li>
<li><a href="">RESOURCES</a></li>
<li><a href="">NEWS</a></li>
<li><a href="">COVID-19</a></li>
</ul>
</nav>
</div>
<div class="search">
<form name="search">
<input type="text" placeholder="Search">
</form>
</div>
<div>
<div id="header_image">
<img src="img/header.jpg" alt="header_image">
</div>
<div id="main_post">
<div id="card1">
<h2 class="title_primary">#TravelTomorrow</h2>
<p>By staying home today, we can travel tomorrow</p>
<a href="">Zurab Pololikashvili Secretary-General</a>
</div>
<div class="video">
<iframe src="https://player.vimeo.com/video/397915116?app_id=122963"
allow="autoplay; fullscreen" allowfullscreen="" title="UNWTO-COVID19"
data-ready="true" width="426" height="240" frameborder="0"></iframe>
</div>
</div>
<div id="latest_news">
<h2 class="title_primary">Latest News</h2>
<div id="news_cards">
<div id="news_column1">
<a href=""><img src="img/news_img1.png" alt="news_img1"></img></a>
</div>
<div id="news_column2">
<div id="news_row1">
<div id="news_card1">
<a href=""><img src="img/news_img2.png" alt="news_img2"></img></a>
</div>
<div id="news_card2">
<a href="">
<h3>UNWTO Launches a Call for Action for Tourism</h3>
<time datetime="2020-04-01" pubdate>1 APR 2020</time>
</a>
</div>
</div>
<div id="news_row2">
<div id="news_card3">
<a href="">
<h3>International Tourist Arrivals Could Fall</h3>
<time datetime="2020-03-26" pubdate>26 MAR 2020</time>
</a>
</div>
<div id="news_card4">
<a href="">
<h3>Calling on Innovators and Enterpreneurs</h3>
<time datetime="2020-03-25" pubdate>25 MAR 2020</time>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="publications">
<h2>PUBLICATIONS</h2>
<div id="pub_row">
<div id="pub1">
<img src="img/pub1_img.png" alt="pub1_img"></img>
<h3>AM Newsletter Volumen 17</h3>
<a href="">DOWNLOAD</a>
</div>
<div id="pub2">
<img src="img/pub2_img.png" alt="pub2_img"></img>
<h3>AM Newsletter Volumen 16</h3>
<a href="">DOWNLOAD</a>
</div>
<div id="pub3">
<img src="img/pub3_img.png" alt="pub3_img"></img>
<h3>AM Newsletter Volumen 15</h3>
<a href="">DOWNLOAD</a>
</div>
<div id="pub4">
<img src="img/pub4_img.png" alt="pub4_img"></img>
<h3>AM Newsletter Volumen 14</h3>
<a href="">DOWNLOAD</a>
</div>
</div>
</div>
</div>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="{{asset('css/style.css')}}">
</head>
<body>
<header>
@yield('header')
</header>
<main>
@yield('main')
</main>
<footer>
@yield('footer')
</footer>
<script src="../js/5468711970a51577bc85.js"></script>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="../css/style.css">
</head>
<body>
<p>welfhei</p>
<div class="container-fluid">