From 5305673058e2d87686c6bd7730199399eaee8a05 Mon Sep 17 00:00:00 2001 From: oopshnik <131187758+oopshnik@users.noreply.github.com> Date: Fri, 18 Oct 2024 18:39:49 +0600 Subject: [PATCH] pon --- botgen/index.html | 139 ++++++++++++++++++++++++++++++++++++++++++++++ index.html | 1 - posts.html | 34 ------------ styles.css | 83 ++++++++++++++++++++++++++- 4 files changed, 219 insertions(+), 38 deletions(-) create mode 100644 botgen/index.html delete mode 100644 posts.html diff --git a/botgen/index.html b/botgen/index.html new file mode 100644 index 0000000..36d485b --- /dev/null +++ b/botgen/index.html @@ -0,0 +1,139 @@ + + + + + + + + Telegram Bot Generator + + + + + +
+

Telegram Bot Generator by @oopshnik

+

Repo: github.com/oopshnik/bot_template
+ Console version avaible at Github
+ Template also avaible at Github. +

+ + + +
+

How to Setup a bot

+

+
Go to @BotFather +
Then type /newbot command +
Choice Bot`s Displayname and Username +
Then copy API-TOKEN to API_TOKEN Variable +
Replace code with that you need +
Run your code +
That`s all +

+
+ + + + + + + + + +
+ + + + + diff --git a/index.html b/index.html index 1af8ebd..61b3ebb 100644 --- a/index.html +++ b/index.html @@ -24,7 +24,6 @@

Ку

  • 🌱 Frontend enjoyer
  • 🐧 Linux User
  • -
  • 🤓 Блог и т.д на страничке
  • diff --git a/posts.html b/posts.html deleted file mode 100644 index 5afd0cf..0000000 --- a/posts.html +++ /dev/null @@ -1,34 +0,0 @@ - - - - - - oopshnik offical website - - - - - -
    -
    -

    oopshnik

    -
    - -
    -

    Блог

    -

    так как мне лень делать cms и т.д вот мой блог

    - -
    - - - - -
    - - diff --git a/styles.css b/styles.css index 744b83b..912834f 100644 --- a/styles.css +++ b/styles.css @@ -1,3 +1,4 @@ +/* Original Styles (Kept as is) */ body { margin: 0; padding: 0; @@ -31,12 +32,13 @@ header h1 { margin-top: 2rem; font-size: 1.5rem; } + .links ul { display: flex; - gap: 20px; /* Расстояние между ссылками */ - flex-wrap: wrap; /* Чтобы ссылки не выходили за пределы экрана на мобильных устройствах */ + gap: 20px; + flex-wrap: wrap; padding: 0; - list-style: none; /* Убираем маркеры списка */ + list-style: none; } .links ul li { @@ -74,3 +76,78 @@ footer p { text-align: center; color: #888; } + +/* New Styles for Forms, Inputs, and Buttons */ + +form { + margin-top: 2rem; + display: flex; + flex-direction: column; + gap: 1rem; +} + +input[type="text"], +input[type="password"], +textarea { + width: 100%; + padding: 0.75rem; + border: 1px solid #87CEEB; + border-radius: 5px; + background-color: #1E1E1E; + color: #e0e0e0; + font-size: 1rem; + transition: border-color 0.3s ease-in-out; +} + +input[type="text"]:focus, +input[type="password"]:focus, +textarea:focus { + border-color: #00BFFF; + outline: none; +} + +button { + padding: 0.75rem 1.5rem; + font-size: 1rem; + background-color: #87CEEB; + color: #121212; + border: none; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.3s ease-in-out; +} + +button:hover { + background-color: #00BFFF; +} + +button:disabled { + background-color: #555; + cursor: not-allowed; +} + +label { + font-size: 1rem; + color: #e0e0e0; +} + +textarea { + resize: none; + height: 100px; +} + +.error-message { + color: #FF6B6B; + font-size: 0.9rem; +} + +.success-message { + color: #32CD32; + font-size: 0.9rem; +} + +@media (max-width: 600px) { + input, button, textarea { + font-size: 0.9rem; + } +}