VI областной математический конкурс Фрактал-2025/Страница команды Шарики разума
Версия от 14:03, 10 октября 2025; Senpelmen (обсуждение | вклад) (Отмена правки 67928, сделанной Senpelmen (обсуждение))
|
О конкурсе
 Этапы конкурса
 Доска объявлений
Авторы и координаторы конкурса
Пчелинцева Татьяна Александровна, заслуженный учитель Российской Федерации, методист Центра поддержки одаренных детей "Платформа Владимир" ГАОУ ДПО ВО ВИРО
Тел. +7(4922) 77-85-99 Львова Алла Геннадьевна, учитель математики и информатики высшей квалификационной категории (Судогодский район), методист ЦПОД "Платформа Владимир" ГАОУ ДПО ВО ВИРО
М.тел. 89157642232 Лопаткина Елена Вячеславовна, канд. пед. наук, доцент кафедры физико-математического образования и ИТ Педагогического института ВлГУ (г.Владимир).
Областной математический конкурс "ФРАКТАЛ" - 2025 <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Шарики разума - Гимназия №3 Владимира</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
color: #333;
line-height: 1.6;
min-height: 100vh;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
header {
background: linear-gradient(135deg, #2E7D32 0%, #4CAF50 100%);
color: white;
padding: 40px 20px;
text-align: center;
border-radius: 0 0 20px 20px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
.bubbles {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.bubble {
position: absolute;
border-radius: 50%;
background: rgba(255, 255, 255, 0.2);
animation: float 15s infinite ease-in-out;
}
@keyframes float {
0%, 100% { transform: translateY(0) translateX(0); }
25% { transform: translateY(-20px) translateX(10px); }
50% { transform: translateY(-10px) translateX(20px); }
75% { transform: translateY(-15px) translateX(-10px); }
}
.header-content {
position: relative;
z-index: 2;
}
.school-logo {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease;
border: 3px solid white;
}
.school-logo:hover {
transform: scale(1.05);
}
.school-logo img {
width: 100%;
height: 100%;
object-fit: cover;
}
h1 {
font-size: 2.8rem;
margin-bottom: 10px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.subtitle {
font-size: 1.4rem;
opacity: 0.9;
margin-bottom: 15px;
}
.content-wrapper {
display: flex;
gap: 30px;
margin-bottom: 40px;
}
.main-content {
flex: 1;
}
.sidebar {
width: 300px;
}
.section {
background: white;
border-radius: 15px;
padding: 25px;
margin-bottom: 25px;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
}
.section-title {
font-size: 1.5rem;
color: #2E7D32;
margin-bottom: 20px;
text-align: center;
position: relative;
padding-bottom: 10px;
}
.section-title:after {
content: ;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background: linear-gradient(to right, #2E7D32, #4CAF50);
}
.team-section {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-bottom: 30px;
}
.team-card {
background: white;
border-radius: 15px;
padding: 20px;
width: 200px;
text-align: center;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.team-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}
.avatar {
width: 80px;
height: 80px;
border-radius: 50%;
margin: 0 auto 15px;
background: linear-gradient(135deg, #2E7D32 0%, #4CAF50 100%);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 1.8rem;
font-weight: bold;
}
.teacher-avatar {
background: linear-gradient(135deg, #FF9800 0%, #FFB74D 100%);
}
.member-name {
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 5px;
color: #2E7D32;
}
.teacher-name {
color: #FF9800;
}
.motto-section {
background: linear-gradient(135deg, #2E7D32 0%, #4CAF50 100%);
color: white;
border-radius: 15px;
padding: 30px;
text-align: center;
margin-bottom: 30px;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}
.motto-text {
font-size: 1.6rem;
font-style: italic;
margin-bottom: 15px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.motto-author {
font-size: 1rem;
opacity: 0.9;
}
.stages-table {
width: 100%;
border-collapse: collapse;
margin-top: 15px;
}
.stages-table th {
background: linear-gradient(135deg, #2E7D32 0%, #4CAF50 100%);
color: white;
padding: 12px 15px;
text-align: left;
font-weight: 600;
}
.stages-table td {
padding: 10px 15px;
border-bottom: 1px solid #eee;
}
.stages-table tr:hover {
background-color: #f8f9fa;
}
.stages-table tr:last-child td {
border-bottom: none;
}
.status-in-progress {
color: #FF9800;
font-weight: 600;
}
.status-completed {
color: #4CAF50;
font-weight: 600;
}
.school-photo {
width: 100%;
border-radius: 10px;
overflow: hidden;
margin-bottom: 20px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.school-photo img {
width: 100%;
height: auto;
display: block;
}
.emblem-photo {
width: 100%;
border-radius: 10px;
overflow: hidden;
margin-bottom: 20px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.emblem-photo img {
width: 100%;
height: auto;
display: block;
}
.media-section {
display: flex;
flex-direction: column;
gap: 15px;
}
.media-card {
background: white;
border-radius: 10px;
padding: 15px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
display: flex;
align-items: center;
gap: 15px;
transition: transform 0.3s ease;
}
.media-card:hover {
transform: translateX(5px);
}
.media-icon {
width: 50px;
height: 50px;
border-radius: 50%;
background: linear-gradient(135deg, #2E7D32 0%, #4CAF50 100%);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 1.5rem;
flex-shrink: 0;
}
.media-content {
flex: 1;
}
.media-title {
font-size: 1.1rem;
color: #2E7D32;
margin-bottom: 5px;
}
.media-description {
font-size: 0.9rem;
color: #666;
margin-bottom: 10px;
}
.btn {
display: inline-block;
background: linear-gradient(135deg, #2E7D32 0%, #4CAF50 100%);
color: white;
padding: 8px 15px;
border-radius: 20px;
text-decoration: none;
font-weight: 600;
font-size: 0.9rem;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 10px rgba(46, 125, 50, 0.3);
}
.btn-disabled {
background: linear-gradient(135deg, #cccccc 0%, #999999 100%);
cursor: not-allowed;
}
.btn-disabled:hover {
transform: none;
box-shadow: none;
}
.progress-bar {
height: 8px;
background-color: #e0e0e0;
border-radius: 4px;
margin: 15px 0;
overflow: hidden;
}
.progress-fill {
height: 100%;
background: linear-gradient(135deg, #2E7D32 0%, #4CAF50 100%);
width: 25%;
transition: width 0.5s ease;
}
footer {
background: linear-gradient(135deg, #2E7D32 0%, #4CAF50 100%);
color: white;
text-align: center;
padding: 25px;
border-radius: 20px 20px 0 0;
margin-top: 40px;
}
.math-icon {
font-size: 2.5rem;
margin-bottom: 15px;
color: #2E7D32;
}
@media (max-width: 768px) {
.content-wrapper {
flex-direction: column;
}
.sidebar {
width: 100%;
}
h1 {
font-size: 2.2rem;
}
.subtitle {
font-size: 1.2rem;
}
.team-card {
width: 100%;
max-width: 250px;
}
.motto-text {
font-size: 1.4rem;
}
}
</style>
</head> <body> <header> <a href="http://t73134f.sch.obrazovanie33.ru/" target="_blank" class="school-logo"> <img src="https://freeimage.host/i/KwpoKns" alt="Эмблема Гимназии №3 Владимира"> </a> ШАРИКИ РАЗУМАКоманда Гимназии №3 города Владимира
Участники VI областного математического конкурса "Фрактал-2025" </header> <section class="motto-section"> "Решаем нестандартные задачи нестандартными методами!"
</section>
<section class="section">
Наша командаКоманда "Шарики разума" состоит из пяти талантливых учеников 7-8 классов Гимназии №3 города Владимира. </section>
<section class="section">
Участники командыСИ
Синицын Иван7Г класс ЗИ
Зубарев Илья7Г класс ГЯ
Гридин Ярослав7А класс ЗС
Захаров Семен8В класс РГ
Ремизов Глеб8В класс </section>
<section class="section">
Руководитель командыМЕ
Малышева Елена ВладимировнаУчитель математики </section>
<section class="section">
Этапы конкурса<thead> </thead> <tbody> </tbody>
</section> <footer> Команда "Шарики разума" • Гимназия №3 города Владимира • VI областной математический конкурс "Фрактал-2025" Все права защищены </footer> <script>
// Создание шариков в шапке
document.addEventListener('DOMContentLoaded', function() {
const bubblesContainer = document.querySelector('.bubbles');
const bubbleCount = 15;
for (let i = 0; i < bubbleCount; i++) {
const bubble = document.createElement('div');
bubble.classList.add('bubble');
// Случайный размер
const size = Math.random() * 40 + 10;
bubble.style.width = `${size}px`;
bubble.style.height = `${size}px`;
// Случайная позиция
bubble.style.left = `${Math.random() * 100}%`;
bubble.style.top = `${Math.random() * 100}%`;
// Случайная задержка анимации
bubble.style.animationDelay = `${Math.random() * 10}s`;
bubblesContainer.appendChild(bubble);
}
});
</script>
</body> </html> |
