commit bd577d44b14df524a5be05b6e6584c63bb6a1702 Author: Dhaverd Date: Wed Oct 12 09:44:22 2022 +0800 first-commit diff --git a/index.html b/index.html new file mode 100644 index 0000000..d311f84 --- /dev/null +++ b/index.html @@ -0,0 +1,42 @@ + + + + +Dhaverd + + + + + + + +

+ +

Приветствую!

Данный сайт разработан для личного использования. Здесь можно найти мой личный репозиторий Git, в который я иногда выкладываю проги написаные по фану. Также тут можно найти мои сервера Minecraft, Insurgency и других игр.

+ + + \ No newline at end of file diff --git a/servers.html b/servers.html new file mode 100644 index 0000000..8601a31 --- /dev/null +++ b/servers.html @@ -0,0 +1,55 @@ + + + + +Dhaverd - Servers + + + + + + + +

+ +

У нас имеются следующие сервера:

Minecraft 1.16.1 Vanilla

IP: 176.114.129.4:25565

Просто ванильный сервер где можно строить разные построички

Minecraft 1.6.4 RPG

IP: 176.114.129.4:25565

RPG сервер с магией и всем таким, содержит достаточно модов на магию, монстров и т.п.

Insurgency Hardore COOP

IP: 176.114.129.4:27015

Название говорит само за себя - это хардкорный сервер Insurgency с кооперативным режимом игры

+ + + \ No newline at end of file diff --git a/src/img/D.ico b/src/img/D.ico new file mode 100644 index 0000000..8ad157b Binary files /dev/null and b/src/img/D.ico differ diff --git a/src/img/Dhaverd.png b/src/img/Dhaverd.png new file mode 100644 index 0000000..8ed1f42 Binary files /dev/null and b/src/img/Dhaverd.png differ diff --git a/src/img/insurgency.jpg b/src/img/insurgency.jpg new file mode 100644 index 0000000..6f59085 Binary files /dev/null and b/src/img/insurgency.jpg differ diff --git a/src/img/minecraft_rpg.jpg b/src/img/minecraft_rpg.jpg new file mode 100644 index 0000000..e1e2cd2 Binary files /dev/null and b/src/img/minecraft_rpg.jpg differ diff --git a/src/img/minecraft_vanilla.jpg b/src/img/minecraft_vanilla.jpg new file mode 100644 index 0000000..2c06a21 Binary files /dev/null and b/src/img/minecraft_vanilla.jpg differ diff --git a/src/scripts/header.js b/src/scripts/header.js new file mode 100644 index 0000000..146855d --- /dev/null +++ b/src/scripts/header.js @@ -0,0 +1,18 @@ +$(document).ready(function(){ + var $menu = $("#header"); + let header = $('#header'); + let hederHeight = header.height(); + $(window).scroll(function(){ + if ( $(this).scrollTop() > 100 && $menu.hasClass("default") ){ + $menu.removeClass("default").addClass("fixed"); + $('.main-content').css({ + 'paddingTop': hederHeight+'px' + }); + } else if($(this).scrollTop() <= 100 && $menu.hasClass("fixed")) { + $menu.removeClass("fixed").addClass("default"); + $('.main-content').css({ + 'paddingTop': 0 + }); + } + });//scroll + }); \ No newline at end of file diff --git a/src/styles/style.css b/src/styles/style.css new file mode 100644 index 0000000..746e59b --- /dev/null +++ b/src/styles/style.css @@ -0,0 +1,226 @@ +.header-img { + max-width: 50%; + height: auto; +} + +/* +header { + background-color: #424242; + text-align: center; + padding-top: 10px; + box-shadow: 1px 1px 10px rgba(215, 77, 0, 0.5); +} +*/ + +body { + background-color: #575757; +} + +.side-bar { + grid-area: side; + background-color: #424242; + height: 200px; +} + +.side-bar p { + color: #E0E0E0; + text-align: left; + padding-left:25px; + font-family: Arial; + font-size: 20px; +} + +.main-content { + padding-left:5px; + grid-area: main-content; + text-align: left; + background-color: #424242; +} + +.main-content p { + color: #E0E0E0; + padding-left: 5px; + text-indent: 5%; + font-family: Arial; + font-size: 20px; + line-height: 150%; + +} + +.main-content ol { + color: #609A21; + text-indent: 5%; + font-family: Arial; + font-size: 20px; + line-height: 150%; +} + +.main-content ul { + color: #E0E0E0; +} + +.main-content del { + color: rgb(215, 77, 0); +} + +.clay { + grid-area: clay; +} + +main { + padding-top: 10px; + display: grid; + grid-template-columns: 15% 1% 84%; + grid-template-areas: "side clay main-content"; + height: auto; + margin-bottom: 50px; +} + +footer { + background-color: #424242; + position: fixed; + bottom: 0; + left: 0; + width:100%; + height: 7%; +} + +footer p { + padding-left: 15px; + padding-top: 10px; + padding-bottom: 10px; + color: #E0E0E0; + font-family: Arial; + font-size: 15px; +} + +h1 { + text-align: center; + color: #609A21; + font-family: Arial; + font-size: 25px; +} + +a { + font-style: normal; + color: #E0E0E0; + font-family: Arial; + font-size: 20px; + text-decoration: none; + transition: 0.2s linear; +} +a:hover { + color: #D74D00; +} + +h2 { + text-align: center; + color: #E0E0E0; + font-family: Arial; + font-size: 20px; +} +h3 { + text-align: center; + color: #E0E0E0; + font-family: Arial; + font-size: 20px; +} + +.insurgency { + width: 50%; +} + +.image-content { + text-align: center; +} +.image-content img { + border-radius: 10%; +} + +.header-nav p { + visibility: hidden; + width: 100%; + display: grid; + grid-template-columns: 25% 25% 25%; + grid-template-areas: "one two three four"; + padding-bottom: 10px; +} + +.header-nav a { + border: 1px; + border-color: #FFFFFF; + background-color: #505050; + margin-left: 5px; + margin-right: 0px; + padding-top: 3px; +} + +.one { + grid-area: one; +} + +.two { + grid-area: two; +} + +.three { + grid-area: three; +} + +.four { + grid-area: four; +} + +.fixed { + position: fixed; + bottom: 1; + left: 0; + right: 0; + top: 0; + width:100%; + height: 17%; + background-color: #424242; + text-align: center; + padding-top: 10px; + box-shadow: 1px 1px 10px rgba(215, 77, 0, 0.5); +} + +.fixed nav p { + visibility: visible; + width: 100%; + display: grid; + grid-template-columns: 33% 33% 33%; + grid-template-areas: "one two three"; + padding-bottom: 10px; +} + +.fixed nav a { + background-color: #505050; + margin-left: 5px; + margin-right: 0px; + padding-top: 3px; + margin-bottom: 10px; +} + +.default { + background-color: #424242; + text-align: center; + padding-top: 10px; + box-shadow: 1px 1px 10px rgba(215, 77, 0, 0.5); + height: 100px; +} + +.minecraft-vanilla { + width: 50%; + border-radius: 10%; +} + +.fixed nav a:hover { + color: #E0E0E0; + background-color: #609A21; +} + +.default nav a:hover { + color: #E0E0E0; + background-color: #609A21; +} \ No newline at end of file