File size: 4,475 Bytes
9454f8b
 
 
 
 
30e17a3
d97ddf2
 
 
 
 
 
 
 
 
30e17a3
1760ece
 
e2c3830
1760ece
 
 
e2c3830
1760ece
 
30e17a3
 
1760ece
 
30e17a3
 
 
 
 
 
 
 
1760ece
30e17a3
 
 
 
 
1760ece
 
 
 
 
 
 
 
 
30e17a3
 
 
1760ece
30e17a3
1760ece
30e17a3
 
 
 
1760ece
 
 
 
30e17a3
 
 
e2c3830
30e17a3
e2c3830
1760ece
30e17a3
 
 
 
 
e2c3830
 
 
 
 
 
 
 
 
 
 
 
 
 
 
30e17a3
 
 
e2c3830
30e17a3
e2c3830
 
 
 
 
30e17a3
 
 
1760ece
30e17a3
1760ece
 
 
 
 
 
 
 
 
 
30e17a3
d97ddf2
 
 
 
 
 
 
 
30e17a3
9454f8b
30e17a3
 
9454f8b
d97ddf2
30e17a3
 
d97ddf2
 
 
 
30e17a3
9454f8b
31df584
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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ReferatAI — Telegram-бот для генерации рефератов</title>

  <meta name="description" content="ReferatAI — Telegram-бот, который создаёт готовые рефераты по ГОСТ за несколько минут. Добавляет цитаты, источники и иллюстрации.">
  <meta property="og:title" content="ReferatAI — AI помощник для написания рефератов по ГОСТ">
  <meta property="og:description" content="AI-бот, который генерирует академические работы с форматированием, цитатами и источниками.">
  <meta property="og:image" content="https://huggingface.co/spaces/Hrodw0lf/referatai/blob/main/thumbnail.png">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://huggingface.co/spaces/Hrodw0lf/referatai">
  <meta name="twitter:card" content="summary_large_image">

  <style>
    :root {
      --bg-dark: #0b0c10;
      --bg-gradient: linear-gradient(160deg, #10121a, #1b1e26);
      --text-color: #e5e7eb;
      --text-muted: #9ca3af;
      --accent: #229ED9;
      --accent-hover: #1b8ac0;
    }

    body {
      font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: var(--bg-gradient);
      color: var(--text-color);
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      text-align: center;
      transition: background 0.5s ease;
    }

    img {
      width: 180px;
      height: 180px;
      border-radius: 24px;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
      margin-bottom: 25px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    img:hover {
      transform: scale(1.05);
      box-shadow: 0 12px 40px rgba(34, 158, 217, 0.4);
    }

    h1 {
      font-size: 2.4rem;
      margin-bottom: 10px;
      letter-spacing: 0.5px;
    }

    p {
      font-size: 1.1rem;
      max-width: 520px;
      margin: 0 auto 32px;
      color: var(--text-muted);
      line-height: 1.6;
    }

    a.button {
      position: relative;
      display: inline-block;
      padding: 14px 36px;
      background-color: var(--accent);
      color: white;
      font-weight: 600;
      font-size: 1.1rem;
      border-radius: 50px;
      text-decoration: none;
      transition: all 0.3s ease;
      box-shadow: 0 4px 20px rgba(34, 158, 217, 0.3);
      overflow: hidden;
    }

    a.button::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 50px;
      background: radial-gradient(circle at center, rgba(34, 158, 217, 0.6), transparent 70%);
      opacity: 0;
      transition: opacity 0.3s ease;
      filter: blur(8px);
      z-index: -1;
    }

    a.button:hover {
      background-color: var(--accent-hover);
      transform: translateY(-2px);
      box-shadow: 0 6px 30px rgba(34, 158, 217, 0.5);
    }

    a.button:hover::before {
      opacity: 1;
    }

    footer {
      margin-top: 60px;
      font-size: 0.9rem;
      color: var(--text-muted);
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    body > * {
      animation: fadeIn 0.7s ease forwards;
    }

    .eng {
      margin-top: 20px;
      max-width: 520px;
      font-size: 0.95rem;
      color: var(--text-muted);
      line-height: 1.5;
    }
  </style>
</head>
<body>
  <img src="./thumbnail.png" alt="ReferatAI логотип">
  <h1>📘 ReferatAI</h1>
  <p>Telegram-бот, который создаёт готовые рефераты по ГОСТ за несколько минут. Добавляет цитаты, источники и иллюстрации.</p>
  <a class="button" href="https://t.me/referat_ai_bot" target="_blank" rel="noopener noreferrer">🚀 Перейти к боту</a>

  <div class="eng">
    <p><strong>ReferatAI</strong> is an AI-powered Telegram bot that generates structured academic papers and reports in Russian — complete with proper formatting, sources, and citations.</p>
  </div>

  <footer>© 2025 ReferatAI • Hrodwolf</footer>
</body>
</html>