diff --git a/gulpfile.js b/gulpfile.js
index 6806b45..c2f0e45 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -78,7 +78,7 @@ const fonts = () => {
exports.fonts = fonts;
const favicons = () => {
- return gulp.src('src/favicon/*.{png, ico, svg, webmanifest, xml}')
+ return gulp.src('src/favicon/*.*')
.pipe(gulp.dest('dist/'));
}
exports.favicons = favicons;
diff --git a/package.json b/package.json
index 0295211..904c8d1 100644
--- a/package.json
+++ b/package.json
@@ -1,39 +1,39 @@
-{
- "name": "code",
- "version": "1.0.0",
- "description": "",
- "main": "index.js",
- "scripts": {
- "test": "echo \"Error: no test specified\" && exit 1"
- },
- "repository": {
- "type": "git",
- "url": "git+https://github.com/zinchenko291/math-modeling.git"
- },
- "author": "zinchenko291",
- "license": "ISC",
- "bugs": {
- "url": "https://github.com/zinchenko291/math-modeling/issues"
- },
- "homepage": "https://github.com/zinchenko291/math-modeling#readme",
- "devDependencies": {
- "@babel/core": "^7.16.5",
- "@babel/preset-env": "^7.16.5",
- "browser-sync": "^2.27.7",
- "del": "^6.0.0",
- "gulp": "^4.0.2",
- "gulp-autoprefixer": "^8.0.0",
- "gulp-babel": "^8.0.0",
- "gulp-concat": "^2.6.1",
- "gulp-copy": "^4.0.1",
- "gulp-imagemin": "^7.1.0",
- "gulp-pug": "^5.0.0",
- "gulp-sass": "^5.0.0",
- "gulp-sourcemaps": "^3.0.0",
- "gulp-uglify": "^3.0.2",
- "sass": "^1.45.1"
- },
- "dependencies": {
- "bootstrap": "^5.1.3"
- }
-}
+{
+ "name": "code",
+ "version": "1.0.0",
+ "description": "",
+ "main": "index.js",
+ "scripts": {
+ "test": "echo \"Error: no test specified\" && exit 1"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/zinchenko291/math-modeling.git"
+ },
+ "author": "zinchenko291",
+ "license": "ISC",
+ "bugs": {
+ "url": "https://github.com/zinchenko291/math-modeling/issues"
+ },
+ "homepage": "https://github.com/zinchenko291/math-modeling#readme",
+ "devDependencies": {
+ "@babel/core": "^7.16.5",
+ "@babel/preset-env": "^7.16.5",
+ "browser-sync": "^2.27.7",
+ "del": "^6.0.0",
+ "gulp": "^4.0.2",
+ "gulp-autoprefixer": "^8.0.0",
+ "gulp-babel": "^8.0.0",
+ "gulp-concat": "^2.6.1",
+ "gulp-copy": "^4.0.1",
+ "gulp-imagemin": "^7.1.0",
+ "gulp-pug": "^5.0.0",
+ "gulp-sass": "^5.0.0",
+ "gulp-sourcemaps": "^3.0.0",
+ "gulp-uglify": "^3.0.2",
+ "sass": "^1.45.1"
+ },
+ "dependencies": {
+ "bootstrap": "^5.1.3"
+ }
+}
diff --git a/src/box.pug b/src/box.pug
index cc26e79..4517582 100644
--- a/src/box.pug
+++ b/src/box.pug
@@ -2,7 +2,6 @@ doctype html
html(lang="ru")
head
include ./includes/head.pug
- link(rel="stylesheet", href="css/lessons.css")
title Коробка
body
include includes/header.pug
@@ -48,7 +47,7 @@ html(lang="ru")
p Здесь, #[span.math a] — длина стороны картонного листа, #[span.math b] — размер выреза. Первоначальный размер выреза #[span.math b#[sub 0] = 0]. Последующие размеры выреза определяются по формуле #[span.math b#[sub i+1] = b#[sub i] + ∆b]
h4 КОМПЬЮТЕРНАЯ МОДЕЛЬ
- p Для моделирования будем использовать язык моделирования python.
+ p Для моделирования будем использовать язык моделирования Python.
p Для начала введём переменные. Их названия будут совпадать с информационной моделью.
code a = int(input()) # Получаем и преобразуем данные в числовые значения
deltaB = int(input())
p Попробуем проследить, как будет изменятся объём с увеличением размера выреза
diff --git a/src/favicon/browserconfig.xml b/src/favicon/browserconfig.xml
index b3930d0..3b0a805 100644
--- a/src/favicon/browserconfig.xml
+++ b/src/favicon/browserconfig.xml
@@ -1,9 +1,9 @@
-
-
-
-
-
- #da532c
-
-
-
+
+
+
+
+
+ #da532c
+
+
+
diff --git a/src/favicon/safari-pinned-tab.svg b/src/favicon/safari-pinned-tab.svg
index 9e7b5a8..51adc13 100644
--- a/src/favicon/safari-pinned-tab.svg
+++ b/src/favicon/safari-pinned-tab.svg
@@ -1,42 +1,42 @@
-
-
-
+
+
+
diff --git a/src/favicon/site.webmanifest b/src/favicon/site.webmanifest
index b20abb7..fbf84da 100644
--- a/src/favicon/site.webmanifest
+++ b/src/favicon/site.webmanifest
@@ -1,19 +1,19 @@
-{
- "name": "",
- "short_name": "",
- "icons": [
- {
- "src": "/android-chrome-192x192.png",
- "sizes": "192x192",
- "type": "image/png"
- },
- {
- "src": "/android-chrome-512x512.png",
- "sizes": "512x512",
- "type": "image/png"
- }
- ],
- "theme_color": "#ffffff",
- "background_color": "#ffffff",
- "display": "standalone"
-}
+{
+ "name": "",
+ "short_name": "",
+ "icons": [
+ {
+ "src": "/android-chrome-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "/android-chrome-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ],
+ "theme_color": "#ffffff",
+ "background_color": "#ffffff",
+ "display": "standalone"
+}
diff --git a/src/includes/lessons.pug b/src/includes/lessons.pug
index c329f39..26e3871 100644
--- a/src/includes/lessons.pug
+++ b/src/includes/lessons.pug
@@ -10,20 +10,10 @@
'Помогите покупателям быстро определить необходимое количество обоев.',
'wallpapers'
],
- [
- 'Сбер касса',
- 'Проведите исследование очереди из бабушек у сбер кассы.',
- 'box'
- ],
[
'Стихотворение',
'Предлагается исследовать ситуацию и предложить реальные способы ускорения процесса заучивания стихотворения.',
- 'box'
- ],
- [
- 'Дачник и собака',
- 'Исследовать процесс движения объектов: человека и собаки. Установить связь между расстояниями, пройденными объектами за одно и то же время. Определить путь, который пробежала собака.',
- 'box'
+ 'poem'
]
]
let works_items = [
@@ -31,30 +21,5 @@
'Продукты для похода',
'Рассчитать необходимое количество продуктов на весь поход для 1 человека и для всей группы.',
'products'
- ],
- [
- 'Награда',
- 'Сколько должен индрусский царь Шерам изобретателю шахмат из древней легенды?',
- 'box'
- ],
- [
- 'Концентрация раствора',
- 'Составьте таблицу, по которой можно определить, как изменяется исходная концентрация при добавлении 1, 2, 3 и т. д. частей воды.',
- 'box'
- ],
- [
- 'Буратино и папа Карло',
- 'Постройте модель изменения капитала в течение нескольких недель.',
- 'box'
- ],
- [
- 'График тренировки',
- 'Исследуйте график тренеровок, состовляемый по правилам.',
- 'box'
- ],
- [
- 'Аквариум',
- 'Сколько минут времени он затратит на переселение рыбок?',
- 'box'
]
]
\ No newline at end of file
diff --git a/src/poem.pug b/src/poem.pug
new file mode 100644
index 0000000..aec5361
--- /dev/null
+++ b/src/poem.pug
@@ -0,0 +1,132 @@
+doctype html
+html(lang="ru")
+ head
+ include includes/head.pug
+ title Стихотворение
+ body
+ include includes/header.pug
+ main.container.lesson
+ h2 Стихотворение
+ h3 I этап. Постановка задачи
+ h4 Описание задачи
+ p Мальчик учит стихотворение из 40 строк. Чтобы запомнить первую строчку ему понадобилась всего 1 мин. На каждую следующую он тратит на 10% времени больше. Стихотворение держится в памяти нерадивого ученика не дольше трех часов, а до школы бежать 15 минут. Как организовать заучивание стихотворения?
+ h4 Цель моделирования
+ p Предлагается исследовать ситуацию и предложить реальные способы ускорения процесса заучивания стихотворения.
+ h3 II этап. Разработка модели
+ h4 ИНФОРМАЦИОННАЯ МОДЕЛЬ
+ p Анализ объекта моделирования показывает, что эта система состоит из двух объектов: мальчика и стихотворения. Стихотворение, в свою очередь, может быть разбито на простые элементы — строки. Каждый из объектов, входящих в систему, имеет свои параметры. Связь между объектами этой системы заключается во времени заучивания стиха нерадивым учеником. Представим информационную модель в табличном виде.
+ table.element-animation
+ tr
+ td(rowspan=2) Объект
+ td(colspan=2) Параметры
+ tr
+ td #[i название]
+ td #[i значение]
+ tr
+ td Мальчик
+ td.
+ Процент снижения прилежания с каждой строкой #[span.math D (%)]
+ Время удерживания в памяти любой информации #[span.math DT]
+ td.
+ Исходные данные
+ Исходные данные (константа)
+ tr
+ td Стихотворение
+ td.
+ Количество строк
+ Суммарное время, затраченное на заучивание всего стихотворения
+ td.
+ Исходные данные
Результат
+ tr
+ td Строка (элемент стиха)
+ td.
+ Время на заучивание первой строки #[span.math Т#[sub i]]
+ Время заучивания #[span.math i]-й строки #[span.math Т#[sub i]]
+ Суммарное время, затраченное на #[span.math i] строк #[span.math S#[sub i]]
+ td.
+ Исходные данные
+ Расчетные данные
+ Расчетные данные
+ tr
+ td Среда
+ td Время бега до школы
+ td В задаче константа
+ p Математическая модель связывает между собой параметры элементов системы.
+ p Время на заучивание #[span.math i]-й строки:
+ p.center
+ span.math T#[sub i] = T#[sub i-1] × (1 + ∆ (%)).
+ p Суммарное время на запоминание отрывка из #[span.math i] строк:
+ p.center
+ span.math S#[sub i] = S#[sub i-1] + T#[sub i].
+ h4 КОМПЬЮТЕРНАЯ МОДЕЛЬ
+ p Для моделирования будем использовать язык моделирования Python.
+ p Для начала введём переменные.
+ pre.element-animation
+ code.
+ learningTime = 60 # Время заучивания в секундах
+ deltaTime = 1.1 # Увеличение времени в процентах
+ amountOfStrings = 40 # Всего строк
+ p Пройдёмся в цикле по всем строчкам стихотворения
+ pre.element-animation
+ code.
+ print('№ строки\tВремя заучивания(сек)\t Суммарное время') # Заголовок таблицы
+ for i in range(amountOfStrings):
+ Ti = learningTime * deltaTime**i # Используем формулы геометрической прогрессии
+ Si = (Ti * deltaTime - learningTime) / (deltaTime - 1)
+ print(f'{ i + 1 }\t{ "%.2f" % Ti }\t{ "%.2f" % Si }')
+ p Сделаем вывод времени в минутах и секундах при помощи модуля Datetime
+ pre.element-animation
+ code.
+ # В начало кода вставим
+ import datetime
+ # В цикле добавим
+ TiTime_format = str(datetime.timedelta(seconds = int(Ti)))
+ SiTime_format = str(datetime.timedelta(seconds = int(Si)))
+ print(f'{ i + 1 }\t{ TiTime_format }\t{ SiTime_format }')
+ details
+ summary Вывод программы
+ pre.
+ № строки Время заучивания(сек) Суммарное время
+ 1 0:01:00 0:00:59
+ 2 0:01:06 0:02:05
+ 3 0:01:12 0:03:18
+ 4 0:01:19 0:04:38
+ 5 0:01:27 0:06:06
+ 6 0:01:36 0:07:42
+ 7 0:01:46 0:09:29
+ 8 0:01:56 0:11:26
+ 9 0:02:08 0:13:34
+ 10 0:02:21 0:15:56
+ 11 0:02:35 0:18:31
+ 12 0:02:51 0:21:23
+ 13 0:03:08 0:24:31
+ 14 0:03:27 0:27:58
+ 15 0:03:47 0:31:46
+ 16 0:04:10 0:35:56
+ 17 0:04:35 0:40:32
+ 18 0:05:03 0:45:35
+ 19 0:05:33 0:51:09
+ 20 0:06:06 0:57:16
+ 21 0:06:43 1:04:00
+ 22 0:07:24 1:11:24
+ 23 0:08:08 1:19:32
+ 24 0:08:57 1:28:29
+ 25 0:09:50 1:38:20
+ 26 0:10:50 1:49:10
+ 27 0:11:55 2:01:05
+ 28 0:13:06 2:14:12
+ 29 0:14:25 2:28:37
+ 30 0:15:51 2:44:29
+ 31 0:17:26 3:01:56
+ 32 0:19:11 3:21:08
+ 33 0:21:06 3:42:15
+ 34 0:23:13 4:05:28
+ 35 0:25:32 4:31:01
+ 36 0:28:06 4:59:07
+ 37 0:30:54 5:30:02
+ 38 0:34:00 6:04:02
+ 39 0:37:24 6:41:26
+ 40 0:41:08 7:22:35
+ div.btnWrapper
+ a.btn(href="poemTest.html") Тест
+ script(src="js/animation.js")
\ No newline at end of file
diff --git a/src/poemTest.pug b/src/poemTest.pug
new file mode 100644
index 0000000..917214d
--- /dev/null
+++ b/src/poemTest.pug
@@ -0,0 +1,38 @@
+mixin list
+ option ---
+ option увеличивается
+ option уменьшается
+
+doctype html
+html(lang="en")
+ head
+ include ./includes/head.pug
+ title Коробка - тест
+ body
+ include ./includes/header.pug
+ main.container
+ ol
+ li.question
+ p Сколько времени понадобилось бы мальчику, чтобы выучить все стихотворение?
+ p Ответ:
+ input.questionInput(data-answer="cbd082c798423a4870c866e8f0b82abfa633da424260c3c641bccad0d124e055")
+ span.help Записать в виде H:MM:SS
+ li.question
+ p Из скольких строк (максимум) должно состоять стихотворение, если учительница мальчика утверждает, что его знаний хватает не более чем на 3 часа, а до школы бежать 15 мин.?
+ p Ответ:
+ input.questionInput(data-answer="624b60c58c9d8bfb6ff1886c2fd605d2adeb6ea4da576068201b6c6958ce93f4")
+ li.question
+ p Сколько строк можно успеть выучить до начала «мультика», если до него осталось 45 мин.?
+ p Ответ:
+ input.questionInput(data-answer="4523540f1504cd17100c4835e85b7eefd49911580f8efff0599a8f283be6b9e3")
+ li.question
+ p Как влияет время заучивания 1-й строки на общее время запоминания стихотворения? Как меняется суммарное время при увеличении времени на заучивание 1-й строки?
+ p Ответ:
+ select.questionInput(data-answer="1468f9a380bdb08fea9553a0bb53285522514d189ca99790217c512ba2544e21") #[+list]
+ li.question
+ p Как влияет концентрация внимания (уменьшение D%) на общее время запоминания стихотворения?
+ p Ответ:
+ select.questionInput(data-answer="c09d854f4fbd684f26386d51cb76620cebdd83e97c6c4f04fb2b5267662cd694") #[+list]
+ button.big#checkAnswers Проверить
+ script(src="js/sha256.js")
+ script(src="js/test.js")
\ No newline at end of file
diff --git a/src/scss/style.scss b/src/scss/style.scss
index cb3033f..3930be8 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -87,6 +87,18 @@ button, a.btn {
color: $white;
background-color: $black;
}
+
+ @media screen and (max-width: 472px) {
+ display: block;
+ width: 100%;
+ &:first-child {
+ border-radius: $border-radius $border-radius 0 0;
+ }
+
+ &:last-child {
+ border-radius: 0 0 $border-radius $border-radius;
+ }
+ }
}
&.big {
diff --git a/src/wallpapers.pug b/src/wallpapers.pug
index 234470e..5e1e329 100644
--- a/src/wallpapers.pug
+++ b/src/wallpapers.pug
@@ -38,7 +38,7 @@ html(lang="en")
Расчетные данные
tr
td Комната
- td.
+ td.
Высота #[span.math (h)]
Длина #[span.math (a)]
Ширина #[span.math (b)]
@@ -62,7 +62,7 @@ html(lang="en")
span.math N = S#[sub ком] / S#[sub р] + 1
p Необходимо также учесть, что количество рулонов должно быть целым числом, но не меньшим, чем значение #[span.math N].
h4 КОМПЬЮТЕРНАЯ МОДЕЛЬ
- p Для моделирования будем использовать язык моделирования python.
+ p Для моделирования будем использовать язык моделирования Python.
p Для начала введём переменные.
pre.element-animation
code