MicroTok/header.php at main · nikersond0/MicroTok · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Шапка сайта</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
    <style>
        /* Стили для поисковой строки */
        .search-container {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 9px;
            margin-left: 20px;
        }

        .search-container input {
            padding: 8px;
            font-size: 1rem;
            border-radius: 12px;
            border: 1px solid rgb(98, 0, 255);
            width: 250px;
        }

        .search-container button {
            background-color: rgb(98, 0, 255);
            color: white;
            border: none;
            padding: 8px 12px;
            border-radius: 10px;
            cursor: pointer;
            margin-left: 5px;
        }

        .search-container button:hover {
            background-color: rgb(98, 0, 255);
        }
    </style>
    <link rel="stylesheet" href="elements/css/header.css">
    <link rel="icon" href="elements/embeded/me/logo.png" type="image/x-icon"/>
</head>
<body>
    <?php
    include("elements/php/db.php");
    include("elements/php/translator.php");
    include("elements/php/cursor.php");
    ?>
    <noscript>
        <meta http-equiv="refresh" content="0; url=/javascript.html">
    </noscript>

    <header class="header">
        <a href="/" class="logo">
            <img src="elements/embeded/me/logo-header.png" alt="Логотип">
            <a2 style="color:rgb(98, 0, 255);"><?php echo($project_name); ?></a2>
        </a>

        <!-- Строка поиска -->
        <div class="search-container">
            <form action="/search.php" method="get">
                <input type="text" name="search" placeholder="Search video..." required>
                <button type="submit">Search</button>
            </form>
        </div>

        <div class="buttons">
            <a href="/create-video">
                <i class="fas fa-video"></i> <a href="make.php">make video</a>
            </a>
            <a href="/logout">
                <i class="fas fa-sign-out-alt"></i> <a href="exit.php">exit</a>
            </a>
        </div>
    </header>
    <script src="elements/js/safe.js"></script>
</body>
</html>