-

wanderer-00 · Oct 29, 2024 · b3fa09f · b3fa09f
1 parent bf7ef19
commit b3fa09f
Show file tree

Hide file tree

Showing 11 changed files with 308 additions and 235 deletions.
diff --git a/index.html b/index.html
@@ -8,33 +8,51 @@
 </head>
 
 <style>
+
+
     .menu {
-        display: grid;
+        display: flex;
         flex-wrap: wrap;
         grid-gap: 20px;
-/*        border: 1px solid red;*/
+        margin: 3em 0;
+        text-align: center;
     }
 
     .menu>a {
         display: grid;
         border-radius: 10px;
-        padding: 10px;
-        border: 1px solid green;
+        padding: 1em;
+        -webkit-box-shadow: 0px 2px 8px 0px rgba(34, 60, 80, 0.2);
+        -moz-box-shadow: 0px 2px 8px 0px rgba(34, 60, 80, 0.2);
+        box-shadow: 0px 2px 8px 0px rgba(34, 60, 80, 0.2);
+        font-size: 1.2em;
     }
 
-    .menu>a>img {
-        height: 140px
+    .menu>a:hover {
+        -webkit-box-shadow: 0px 2px 28px 0px rgba(34, 60, 80, 0.2);
+        -moz-box-shadow: 0px 2px 28px 0px rgba(34, 60, 80, 0.2);
+        box-shadow: 0px 2px 28px 0px rgba(34, 60, 80, 0.2);
     }
 
+    .menu>a>img {
+        height: 220px
+    }
+    .menu>a>div {
+        margin: 20px 0 10px;
+    }
 </style>
 
 <body>
 
     <div class="WRAPPER">
-        <header></header>
+        <header>
+            <div class="wrapper">
+                <h1>Инструкции по работе с принтерами</h1>
+            </div>
+        </header>
+
         <main>
             <div class="wrapper">
-                <h3>Оборудование</h3>
                 <div class="menu">
                     <a href="ware/UVDTF/index.html">
                         <img src="ware/UVDTF/img/poster.jpg">
@@ -62,14 +80,9 @@ <h3>Оборудование</h3>
                     </a>
 
                     <a href="#">
-                        <img src="">
+                        <img src="ware/BW-4606/poster.webp">
                         <div>BoWay 4606 v8.5</div>
                     </a>
-
-                    <a href="#">
-                        <img src="">
-                        <div>Mimaki</div>
-                    </a>
                 </div>
             </div>
 
@@ -119,6 +132,4 @@ <h2>VERTICAL</h2>
         <footer></footer>
     </div>
 
-</body>
-
-</html>
+</body></html>
diff --git a/style.css b/style.css
@@ -1,16 +1,49 @@
 :root {
-
+    --txt-color: #343434;
+
+    --scrollbar-width: 8px;
+    --scrollbar-trumb-background-color: rgba(0, 0, 0, .2);
+    --scrollbar-trumb-background-color-hover: rgba(0, 0, 0, .3);
+
+    --shadow: 2px 2px 8px 0px rgba(34, 60, 80, 0.2);
+}
+
+/* ScrollBar */
+::-webkit-scrollbar {
+    width: var(--scrollbar-width)
+}
+
+::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background-color: var(--scrollbar-trumb-background-color)
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background-color: var(--scrollbar-trumb-background-color-hover)
 }
 
 * {
-
+    font-family: sans-serif;
 }
 
 body {
+    margin: 0;
+    padding: 0;
     font-family: sans-serif;
 }
 
+header {
+    padding: 1px;
+    color: white;
+    background-color: black;
+}
+
+.wrapper {
+    width: 80%;
+    margin: auto;
+}
+
 .preview {
     height: 300px;
     border: 1px solid red
-}
+}
diff --git a/ware/BW-4606/poster.webp b/ware/BW-4606/poster.webp
diff --git a/ware/UVDTF/index.html b/ware/UVDTF/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>UVDTF</title>
+    <link rel="stylesheet" href="../../style.css">
+</head>
+
+<body>
+    <div class="WRAPPER">
+        <header>
+            <div class="wrapper">
+                <h1>COLORSUN UV DTF</h1>
+            </div>
+        </header>
+
+        <main>
+            <div class="wrapper">
+                <img src="img/poster.jpg" height="200px">
+                <a href="https://www.color-sun.com/sdp/337300/4/pd-1485445/21107584-2969419/A3_Size_2_In_1_With_Laminator_Direct_To_Ab_Film_UV.html">Сайт производителя </a>
+                <p>Работоспособность машины сомнительная</p>
+
+                <h2>Файлы и программы</h2>
+<pre>
+Операционная система: <a href="https://drive.google.com/file/d/1hzp1NbWG_6A65wKcboNnkrFJYTbLoo3A/view?usp=sharing">en_windows_10_version_1511_updated_feb_2016_x64_dvd_10586.iso</a>
+Риповщик: Vprint (<a href="https://colorart.ru/raster-image-processor/">что такое риповщик?</a>) [нужно спиздить статью и переписать]
+</pre>
+
+                ## Ключи
+                1 USB-накопитель
+            </div>
+        </main>
+    </div>
+</body></html>