first commit

2026-01-06 00:18:54 +03:00
commit 7719a118a6
27 changed files with 259 additions and 0 deletions
@@ -0,0 +1 @@
+DoubleRus encoding by Diai; unfinished
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Wedding invitation</title>
+    <link rel="stylesheet" href="reset.css">
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    
+    <header class="header">
+        <nav class="nav">
+            <ul class="menu">
+                <!-- 1 -->
+                <li class="item">
+                    <a href="#" class="link">
+                        Добро пожаловать!
+                    </a>
+                </li>
+                <!-- 2 -->
+                <li class="item">
+                    <a href="#" class="link">
+                        Люди
+                    </a>
+                </li>
+                <!-- 3 -->
+                <li class="item">
+                    <a href="#" class="link">
+                        Расписание
+                    </a>
+                </li>
+                <!-- 4 -->
+                <li class="item">
+                    <a href="#" class="link">
+                        Размещение
+                    </a>
+                </li>
+                <!-- 5 -->
+                <li class="item">
+                    <a href="#" class="link">
+                        Путешествие
+                    </a>
+                </li>
+                <!-- 6 -->
+                <li class="item">
+                    <a href="#" class="link">
+                        Фотографии
+                    </a>
+                </li>
+                <!-- 7 -->
+                <li class="item">
+                    <a href="#" class="link">
+                        Список задач
+                    </a>
+                </li>
+                <!-- 8 -->
+                <li class="item">
+                    <a href="#" class="link">
+                        Прошу ответить
+                    </a>
+                </li>
+            </ul>
+        </nav>
+    </header>
+
+    <content class="content">
+        <section class="heading">
+            <article class="heading_content">
+                <div class="heading_cont">
+                    <h1 class="heding_title">Дмитрий и Алёна</h1>
+                    <h2 class="heading_info">
+                        Наша история
+                    </h2>
+                    <h3 class="heading_date">22 августа 2026</h3>
+                    <p class="heading_text">
+                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste possimus ipsa, labore repudiandae ratione placeat dolore vitae praesentium perspiciatis ipsam non illum reiciendis accusamus quae quo veritatis maiores quod sequi. Ipsam at consequatur quia recusandae, rem dicta autem quaerat placeat? 
+                    </p>
+                    <button class="btn_share" button>
+                        Подтвердить участие
+                    </button>
+                </div>
+            </article>
+        </section>
+        <aside>
+                <div class="time">
+                <!-- отсчет до даты -->
+                 00:00:00
+                 </div>
+            </aside>
+    </content>
+
+    <script src="main.js"></script>
+</body>
+</html>
@@ -0,0 +1,18 @@
+*{padding: 0;margin: 0;border: 0;}
+*,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
+:focus,:active{outline: none;}
+a:focus,a:active{outline: none;}
+nav,footer,header,aside{display: block;}
+html,body{
+  height:100%;width:100%;
+  font-size:100%;line-height:1;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
+input,button,textarea{font-family:inherit;}
+input::-ms-clear{display: none;}
+button{cursor: pointer;}
+button::-moz-focus-inner{padding:0;border:0;}
+a,a:visited{text-decoration: none;}
+a:hover{text-decoration: none;}
+ul li{list-style: none;}
+img{vertical-align: top;}
+h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: inherit;}
+a{color:inherit;}
@@ -0,0 +1,145 @@
+/* --------------------------------Font-------------------------------- */
+@font-face {
+    font-family: "MurreyC";
+    src: url("fonts/MurreyC/murreyc.woff2") format("woff2");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+@font-face {
+    font-family: "MurreyC";
+    src: url("fonts/MurreyC/murreyc.woff") format("woff");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+@font-face {
+    font-family: "MurreyC";
+    src: url("fonts/MurreyC/murreyc.eot") format("eot");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+
+/* --------------------------------MAIN-------------------------------- */
+
+body {
+    background: url("images/ChatGPT\ Image\ 5\ янв.\ 2026\ г.\,\ 15_49_39.png") 100% 40% / cover;
+    font-family: "MurreyC";
+    font-size: 16px;
+    font-weight: 400;
+    letter-spacing: 3px;
+    height: auto;
+}
+button {
+    background-color: #3a1f09;
+    padding: 0 15px;
+    border-radius: 33px;
+    transition: all .3s;
+    color: #e5b97e;
+    box-shadow: #3a1f09 2px 4px 10px 2px;
+}
+button:hover {
+    background-color: #f0c590;
+    color: #b06029;
+    transform: scale(1.015);
+}
+
+/* -------------------------------HEADER------------------------------ */
+.header {
+    width: 100%;
+    background-color: #663c24;
+    padding: 20px 180px;
+    margin-top: 40px;
+    margin-bottom: 40px;
+    box-shadow: #3a1f09 2px 4px 10px 2px;
+}
+.nav {
+}
+.menu {
+    display: flex;
+    justify-content: space-between;
+}
+.item {
+    color: #e7b15c;
+    font-size: 36px;
+    font-weight: 900;
+    transition: all .3s;
+    text-shadow: 1px 2px #322624;
+}
+.item:hover {
+    
+}
+.link {
+    
+    transition: all .3s;
+}
+.link:hover {
+    text-decoration: underline;
+}
+
+/* --------------------------------Welcome----------------------------- */
+
+.content {
+}
+.heading {
+    background: url("images/25.png") 50% 100% / cover;
+    margin: 0px 400px;
+    /* border: 10px solid rgb(184, 136, 48); */
+    /* border: 15px double rgb(184, 136, 48); */
+    height: 620px;
+    box-shadow: #000000 2px 4px 10px 2px;
+}
+.heading_content {
+    padding: 15px 100px;
+}
+.heading_cont {
+    position: relative;
+    z-index: 1;
+    padding: 20px 0px 20px 0px;
+    text-align: center;
+    box-shadow: #000000 2px 4px 10px 2px;
+}
+.heading_cont::after {
+    z-index: -1;
+    position: absolute;
+    content: "";
+    display: block;
+    background-color: rgba(184, 136, 48, 0.8);
+    height: 100%;
+    width: 100%;
+    top: 0;
+    border: 1px solid #42240c;
+}
+.heding_title {
+    font-size: 34px;
+    font-weight: 900;
+    text-decoration: underline;
+}
+.heading_info {
+    font-size: 30px;
+    font-weight: 700;
+    text-transform: uppercase;
+}
+.heading_date {
+    font-size: 26px;
+    font-weight: 700;
+    background-image: linear-gradient(to left, rgb(66, 36, 12), rgb(184, 136, 48));
+}
+.heading_text {
+    font-size: 24px;
+    padding: 0 20px;
+    font-weight: 700;
+}
+.btn_share {
+    margin-top: 10px;
+    font-size: 26px;
+}
+.asise {
+
+}
+.time{
+    font-size: 130px;
+    text-align: center;
+}