Переехал на pug
This commit is contained in:
parent
47db49303f
commit
bce222fff2
7
dist/css/style.css
vendored
Normal file
7
dist/css/style.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/css/style.css.map
vendored
Normal file
1
dist/css/style.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/index.html
vendored
Normal file
1
dist/index.html
vendored
Normal file
@ -0,0 +1 @@
|
||||
<!DOCTYPE html><html lang="ru"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="css/style.css"><title>Математическое моделирование</title></head><body><header><a href="index.html"><h1>Математическое моделирование</h1></a></header><main class="container"><nav><span>Вид работы: <button class="group-btn active" id="lessonsBtn">Урок</button><button class="group-btn" id="worksBtn">Самостоятельная работа</button></span></nav><div class="items row row-cols-1 row-cols sm-1 row-cols md-2 row-cols-lg-3" id="lessonsList"><div class="wrapper"><div class="item"><h2 class="header">Коробка</h2><p class="description">Найдите, при каком размере выреза коробка будет иметь максимальный объём.</p><a href="box.html">Приступить</a></div></div><div class="wrapper"><div class="item"><h2 class="header">Обои</h2><p class="description">Помогите покупателям быстро определить необходимое количество обоев.</p><a href="box.html">Приступить</a></div></div><div class="wrapper"><div class="item"><h2 class="header">Сбер касса</h2><p class="description">Проведите исследование очереди из бабушек у сбер кассы.</p><a href="box.html">Приступить</a></div></div><div class="wrapper"><div class="item"><h2 class="header">Стихотворение</h2><p class="description">Предлагается исследовать ситуацию и предложить реальные способы ускорения процесса заучивания стихотворения.</p><a href="box.html">Приступить</a></div></div><div class="wrapper"><div class="item"><h2 class="header">Дачник и собака</h2><p class="description">Исследовать процесс движения объектов: человека и собаки. Установить связь между расстояниями, пройденными объектами за одно и то же время. Определить путь, который пробежала собака.</p><a href="box.html">Приступить</a></div></div></div><div class="items row row-cols-1 row-cols sm-1 row-cols md-2 row-cols-lg-3 hidden" id="worksList"><div class="wrapper"><div class="item"><h2 class="header">Продукты для похода</h2><p class="description">Рассчитать необходимое количество продуктов на весь поход для 1 человека и для всей группы.</p><a href="box.html">Приступить</a></div></div><div class="wrapper"><div class="item"><h2 class="header">Награда</h2><p class="description">Сколько должен индрусский царь Шерам изобретателю шахмат из древней легенды?</p><a href="box.html">Приступить</a></div></div><div class="wrapper"><div class="item"><h2 class="header">Концентрация раствора</h2><p class="description">Составьте таблицу, по которой можно определить, как изменяется исходная концентрация при добавлении 1, 2, 3 и т. д. частей воды.</p><a href="box.html">Приступить</a></div></div><div class="wrapper"><div class="item"><h2 class="header">Буратино и папа Карло</h2><p class="description">Постройте модель изменения капитала в течение нескольких недель.</p><a href="box.html">Приступить</a></div></div><div class="wrapper"><div class="item"><h2 class="header">График тренировки</h2><p class="description">Исследуйте график тренеровок, состовляемый по правилам.</p><a href="box.html">Приступить</a></div></div><div class="wrapper"><div class="item"><h2 class="header">Аквариум</h2><p class="description">Сколько минут времени он затратит на переселение рыбок?</p><a href="box.html">Приступить</a></div></div></div></main><script src="js/index.js"></script></body></html>
|
||||
0
js/index.js → dist/js/index.js
vendored
0
js/index.js → dist/js/index.js
vendored
47
gulpfile.js
Normal file
47
gulpfile.js
Normal file
@ -0,0 +1,47 @@
|
||||
const gulp = require('gulp');
|
||||
const pug = require('gulp-pug');
|
||||
const sass = require('gulp-sass')(require('sass'));
|
||||
const sourcemaps = require('gulp-sourcemaps');
|
||||
const browserSync = require('browser-sync').create();
|
||||
const autoprefixer = require('gulp-autoprefixer');
|
||||
const concat = require('gulp-concat');
|
||||
|
||||
const html = () => {
|
||||
return gulp.src('./src/*.pug')
|
||||
.pipe(pug({}))
|
||||
.pipe(gulp.dest('./dist'));
|
||||
}
|
||||
|
||||
exports.pug = html;
|
||||
|
||||
const css = () => {
|
||||
return gulp.src('./src/scss/**/*.scss')
|
||||
.pipe(sourcemaps.init())
|
||||
.pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
|
||||
.pipe(autoprefixer())
|
||||
.pipe(sourcemaps.write('.'))
|
||||
.pipe(gulp.dest('./dist/css'))
|
||||
.pipe(browserSync.stream());
|
||||
}
|
||||
|
||||
exports.css = css;
|
||||
|
||||
const browser_sync = () => {
|
||||
browserSync.init({
|
||||
server: {
|
||||
baseDir: "./dist/"
|
||||
}
|
||||
});
|
||||
gulp.watch("dist/*.html").on('change', browserSync.reload);
|
||||
}
|
||||
|
||||
exports.browser_sync = browser_sync;
|
||||
|
||||
const watchFiles = () => {
|
||||
gulp.watch('./src/*.pug', gulp.series(html));
|
||||
gulp.watch('./src/scss/**/*.scss', gulp.series(css));
|
||||
}
|
||||
|
||||
exports.watch = watchFiles;
|
||||
|
||||
exports.server = gulp.parallel(browser_sync, watchFiles);
|
||||
12
package.json
12
package.json
@ -1,5 +1,15 @@
|
||||
{
|
||||
"dependencies": {
|
||||
"bootstrap": "^5.1.3"
|
||||
"bootstrap": "^5.1.3",
|
||||
"gulp-pug": "^5.0.0",
|
||||
"gulp-sourcemaps": "^3.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"browser-sync": "^2.27.7",
|
||||
"gulp": "^4.0.2",
|
||||
"gulp-autoprefixer": "^8.0.0",
|
||||
"gulp-concat": "^2.6.1",
|
||||
"gulp-sass": "^5.0.0",
|
||||
"sass": "^1.43.4"
|
||||
}
|
||||
}
|
||||
|
||||
BIN
src/fonts/Montserrat/Montserrat-Black.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-Black.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-BlackItalic.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-BlackItalic.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-Bold.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-Bold.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-BoldItalic.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-BoldItalic.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-ExtraBold.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-ExtraBold.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-ExtraLight.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-ExtraLight.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-Italic.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-Italic.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-Light.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-Light.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-LightItalic.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-LightItalic.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-Medium.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-Medium.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-MediumItalic.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-MediumItalic.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-Regular.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-Regular.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-SemiBold.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-SemiBold.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-Thin.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-Thin.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Montserrat/Montserrat-ThinItalic.ttf
Normal file
BIN
src/fonts/Montserrat/Montserrat-ThinItalic.ttf
Normal file
Binary file not shown.
93
src/fonts/Montserrat/OFL.txt
Normal file
93
src/fonts/Montserrat/OFL.txt
Normal file
@ -0,0 +1,93 @@
|
||||
Copyright 2011 The Montserrat Project Authors (https://github.com/JulietaUla/Montserrat)
|
||||
|
||||
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||
This license is copied below, and is also available with a FAQ at:
|
||||
http://scripts.sil.org/OFL
|
||||
|
||||
|
||||
-----------------------------------------------------------
|
||||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||
-----------------------------------------------------------
|
||||
|
||||
PREAMBLE
|
||||
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||
development of collaborative font projects, to support the font creation
|
||||
efforts of academic and linguistic communities, and to provide a free and
|
||||
open framework in which fonts may be shared and improved in partnership
|
||||
with others.
|
||||
|
||||
The OFL allows the licensed fonts to be used, studied, modified and
|
||||
redistributed freely as long as they are not sold by themselves. The
|
||||
fonts, including any derivative works, can be bundled, embedded,
|
||||
redistributed and/or sold with any software provided that any reserved
|
||||
names are not used by derivative works. The fonts and derivatives,
|
||||
however, cannot be released under any other type of license. The
|
||||
requirement for fonts to remain under this license does not apply
|
||||
to any document created using the fonts or their derivatives.
|
||||
|
||||
DEFINITIONS
|
||||
"Font Software" refers to the set of files released by the Copyright
|
||||
Holder(s) under this license and clearly marked as such. This may
|
||||
include source files, build scripts and documentation.
|
||||
|
||||
"Reserved Font Name" refers to any names specified as such after the
|
||||
copyright statement(s).
|
||||
|
||||
"Original Version" refers to the collection of Font Software components as
|
||||
distributed by the Copyright Holder(s).
|
||||
|
||||
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||
or substituting -- in part or in whole -- any of the components of the
|
||||
Original Version, by changing formats or by porting the Font Software to a
|
||||
new environment.
|
||||
|
||||
"Author" refers to any designer, engineer, programmer, technical
|
||||
writer or other person who contributed to the Font Software.
|
||||
|
||||
PERMISSION & CONDITIONS
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||
redistribute, and sell modified and unmodified copies of the Font
|
||||
Software, subject to the following conditions:
|
||||
|
||||
1) Neither the Font Software nor any of its individual components,
|
||||
in Original or Modified Versions, may be sold by itself.
|
||||
|
||||
2) Original or Modified Versions of the Font Software may be bundled,
|
||||
redistributed and/or sold with any software, provided that each copy
|
||||
contains the above copyright notice and this license. These can be
|
||||
included either as stand-alone text files, human-readable headers or
|
||||
in the appropriate machine-readable metadata fields within text or
|
||||
binary files as long as those fields can be easily viewed by the user.
|
||||
|
||||
3) No Modified Version of the Font Software may use the Reserved Font
|
||||
Name(s) unless explicit written permission is granted by the corresponding
|
||||
Copyright Holder. This restriction only applies to the primary font name as
|
||||
presented to the users.
|
||||
|
||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||
Software shall not be used to promote, endorse or advertise any
|
||||
Modified Version, except to acknowledge the contribution(s) of the
|
||||
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||
permission.
|
||||
|
||||
5) The Font Software, modified or unmodified, in part or in whole,
|
||||
must be distributed entirely under this license, and must not be
|
||||
distributed under any other license. The requirement for fonts to
|
||||
remain under this license does not apply to any document created
|
||||
using the Font Software.
|
||||
|
||||
TERMINATION
|
||||
This license becomes null and void if any of the above conditions are
|
||||
not met.
|
||||
|
||||
DISCLAIMER
|
||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||
OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||
BIN
src/fonts/Roboto/Roboto-Bold.ttf
Normal file
BIN
src/fonts/Roboto/Roboto-Bold.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Roboto/Roboto-BoldItalic.ttf
Normal file
BIN
src/fonts/Roboto/Roboto-BoldItalic.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Roboto/Roboto-Italic.ttf
Normal file
BIN
src/fonts/Roboto/Roboto-Italic.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Roboto/Roboto-Light.ttf
Normal file
BIN
src/fonts/Roboto/Roboto-Light.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Roboto/Roboto-LightItalic.ttf
Normal file
BIN
src/fonts/Roboto/Roboto-LightItalic.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Roboto/Roboto-Medium.ttf
Normal file
BIN
src/fonts/Roboto/Roboto-Medium.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Roboto/Roboto-MediumItalic.ttf
Normal file
BIN
src/fonts/Roboto/Roboto-MediumItalic.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Roboto/Roboto-Regular.ttf
Normal file
BIN
src/fonts/Roboto/Roboto-Regular.ttf
Normal file
Binary file not shown.
92
src/index.pug
Normal file
92
src/index.pug
Normal file
@ -0,0 +1,92 @@
|
||||
doctype html
|
||||
html(lang="ru")
|
||||
head
|
||||
meta(charset="UTF-8")
|
||||
meta(http-equiv="X-UA-Compatible", content="IE=edge")
|
||||
meta(name="viewport", content="width=device-width, initial-scale=1.0")
|
||||
link(rel="stylesheet", href="css/style.css")
|
||||
title Математическое моделирование
|
||||
body
|
||||
header
|
||||
a(href="index.html")
|
||||
h1 Математическое моделирование
|
||||
main.container
|
||||
nav
|
||||
span Вид работы:
|
||||
button#lessonsBtn.group-btn.active Урок
|
||||
button#worksBtn.group-btn Самостоятельная работа
|
||||
-
|
||||
let lessons_items = [
|
||||
[
|
||||
'Коробка',
|
||||
'Найдите, при каком размере выреза коробка будет иметь максимальный объём.',
|
||||
'box.html'
|
||||
],
|
||||
[
|
||||
'Обои',
|
||||
'Помогите покупателям быстро определить необходимое количество обоев.',
|
||||
'box.html'
|
||||
],
|
||||
[
|
||||
'Сбер касса',
|
||||
'Проведите исследование очереди из бабушек у сбер кассы.',
|
||||
'box.html'
|
||||
],
|
||||
[
|
||||
'Стихотворение',
|
||||
'Предлагается исследовать ситуацию и предложить реальные способы ускорения процесса заучивания стихотворения.',
|
||||
'box.html'
|
||||
],
|
||||
[
|
||||
'Дачник и собака',
|
||||
'Исследовать процесс движения объектов: человека и собаки. Установить связь между расстояниями, пройденными объектами за одно и то же время. Определить путь, который пробежала собака.',
|
||||
'box.html'
|
||||
]
|
||||
]
|
||||
let works_items = [
|
||||
[
|
||||
'Продукты для похода',
|
||||
'Рассчитать необходимое количество продуктов на весь поход для 1 человека и для всей группы.',
|
||||
'box.html'
|
||||
],
|
||||
[
|
||||
'Награда',
|
||||
'Сколько должен индрусский царь Шерам изобретателю шахмат из древней легенды?',
|
||||
'box.html'
|
||||
],
|
||||
[
|
||||
'Концентрация раствора',
|
||||
'Составьте таблицу, по которой можно определить, как изменяется исходная концентрация при добавлении 1, 2, 3 и т. д. частей воды.',
|
||||
'box.html'
|
||||
],
|
||||
[
|
||||
'Буратино и папа Карло',
|
||||
'Постройте модель изменения капитала в течение нескольких недель.',
|
||||
'box.html'
|
||||
],
|
||||
[
|
||||
'График тренировки',
|
||||
'Исследуйте график тренеровок, состовляемый по правилам.',
|
||||
'box.html'
|
||||
],
|
||||
[
|
||||
'Аквариум',
|
||||
'Сколько минут времени он затратит на переселение рыбок?',
|
||||
'box.html'
|
||||
]
|
||||
]
|
||||
#lessonsList.items.row.row-cols-1.row-cols.sm-1.row-cols.md-2.row-cols-lg-3
|
||||
for item in lessons_items
|
||||
.wrapper
|
||||
.item
|
||||
h2.header= item[0]
|
||||
p.description= item[1]
|
||||
a(href= item[2]) Приступить
|
||||
#worksList.items.row.row-cols-1.row-cols.sm-1.row-cols.md-2.row-cols-lg-3.hidden
|
||||
for item in works_items
|
||||
.wrapper
|
||||
.item
|
||||
h2.header= item[0]
|
||||
p.description= item[1]
|
||||
a(href= item[2]) Приступить
|
||||
script(src="js/index.js")
|
||||
31
src/js/index.js
Normal file
31
src/js/index.js
Normal file
@ -0,0 +1,31 @@
|
||||
"use strict";
|
||||
|
||||
let colors = {
|
||||
green: "#54A48B",
|
||||
yellow: "#c0a761"
|
||||
};
|
||||
|
||||
let lessonsBtn = document.querySelector("#lessonsBtn");
|
||||
let worksBtn = document.querySelector("#worksBtn");
|
||||
|
||||
let lessonsList = document.querySelector("#lessonsList");
|
||||
let worksList = document.querySelector("#worksList");
|
||||
let header = document.querySelector("header");
|
||||
|
||||
lessonsBtn.addEventListener("click", (e) => {
|
||||
lessonsBtn.classList.add("active");
|
||||
worksBtn.classList.remove("active");
|
||||
|
||||
lessonsList.classList.remove("hidden");
|
||||
worksList.classList.add("hidden");
|
||||
header.style = "background-color: " + colors.green;
|
||||
})
|
||||
|
||||
worksBtn.addEventListener("click", (e) => {
|
||||
lessonsBtn.classList.remove("active");
|
||||
worksBtn.classList.add("active");
|
||||
|
||||
lessonsList.classList.add("hidden");
|
||||
worksList.classList.remove("hidden");
|
||||
header.style = "background-color: " + colors.yellow;
|
||||
})
|
||||
@ -1,4 +1,4 @@
|
||||
@import "../node_modules/bootstrap/scss/bootstrap-grid.scss";
|
||||
@import "../../node_modules/bootstrap/scss/bootstrap-grid.scss";
|
||||
|
||||
@import "settings";
|
||||
@import "fonts";
|
||||
Loading…
Reference in New Issue
Block a user