diff --git a/common-styles.css b/common-styles.css new file mode 100644 index 0000000..907a1cc --- /dev/null +++ b/common-styles.css @@ -0,0 +1,117 @@ +/* common-styles.css */ +:root { + --primary-color: #00ccff; + --secondary-color: #0066cc; + --dark-blue: #001a33; + --text-color: #e6f7ff; + --bg-color: var(--dark-blue); + --card-bg: rgba(0, 68, 136, 0.3); + --header-shadow: 0 0 10px rgba(0, 204, 255, 0.5); +} + +.light-theme { + --primary-color: #0066cc; + --secondary-color: #004d99; + --dark-blue: #e6f7ff; + --text-color: #001a33; + --bg-color: var(--dark-blue); + --card-bg: rgba(0, 102, 204, 0.1); + --header-shadow: 0 0 10px rgba(0, 102, 204, 0.3); +} + +body { + margin: 0; + padding: 0; + background: var(--bg-color); + color: var(--text-color); + font-family: 'JetBrains Mono', 'Courier New', monospace; + line-height: 1.6; + transition: all 0.3s ease; + cursor: url('data:image/svg+xml;utf8,'), auto; +} + +/* Common card styles */ +.tech-card, .project-card, .feature-card, .version-card { + background: var(--card-bg); + padding: 15px; + border-radius: 5px; + border-left: 3px solid var(--primary-color); + transition: transform 0.3s; +} + +.tech-card:hover, .project-card:hover, .feature-card:hover, .version-card:hover { + transform: translateY(-5px); +} + +/* Common button styles */ +.btn { + display: inline-block; + padding: 10px 20px; + background: var(--primary-color); + color: var(--dark-blue); + border: none; + border-radius: 5px; + text-decoration: none; + font-weight: bold; + transition: all 0.3s; + cursor: pointer; +} + +.btn:hover { + transform: translateY(-2px); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); +} + +/* Terminal styles */ +.terminal { + background: rgba(0, 0, 0, 0.7); + color: #00ff00; + padding: 15px; + border-radius: 5px; + font-family: 'Courier New', monospace; + margin: 20px 0; + max-height: 300px; + overflow-y: auto; +} + +.terminal-header { + display: flex; + justify-content: space-between; + margin-bottom: 10px; + color: var(--primary-color); +} + +.command { + color: #00ccff; +} + +/* Theme toggle button */ +.theme-toggle { + position: fixed; + top: 20px; + right: 20px; + background: var(--card-bg); + border: 1px solid var(--primary-color); + color: var(--primary-color); + padding: 5px 10px; + border-radius: 5px; + cursor: pointer; + z-index: 100; +} + +/* Font face */ +@font-face { + font-family: 'JetBrains Mono'; + src: url('https://cdnjs.cloudflare.com/ajax/libs/jetbrains-mono/1.0.6/web/woff2/JetBrainsMono-Regular.woff2') format('woff2'); + font-weight: normal; + font-style: normal; +} + +/* Responsive */ +@media (max-width: 768px) { + .theme-toggle { + top: 10px; + right: 10px; + font-size: 0.8rem; + } +} \ No newline at end of file diff --git a/flash.html b/flash.html index 6138218..b2f64f2 100644 --- a/flash.html +++ b/flash.html @@ -3,13 +3,543 @@ - Прошивка CatOS - Игровая консоль/читалка на ESP32 + + + Прошивка CatOS - Игровая консоль на ESP32 + + - - - + + + + +
@@ -28,7 +558,8 @@ Логотип CatOS
-
+ + - +
+

Альтернативные способы прошивки:

+ +
-
-
-

Прошивка CatOS

+ +