Compare commits

..

2 Commits

Author SHA1 Message Date
d698471fb8 css mobile 2026-02-05 23:52:47 +01:00
b4f66aa635 css mobile 2026-02-05 23:29:18 +01:00
3 changed files with 29 additions and 25 deletions

View File

@@ -237,10 +237,11 @@ fun runEmbeddedServer()
}
}
staticFiles("/admin", File(resourcesPath+"/admin.html"))
staticFiles("/admin", File("$resourcesPath/admin.html"))
staticFiles("/resources", File(resourcesPath))
staticFiles("/", File(resourcesPath+"/index.html"))
staticFiles("/about", File(resourcesPath+"/about.html"))
staticFiles("/", File("$resourcesPath/index.html"))
staticFiles("/style", File("$resourcesPath/style.css"))
staticFiles("/about", File("$resourcesPath/about.html"))
put("/api/write/{id}")
{

View File

@@ -2,9 +2,11 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>ScottGPT</title>
<link rel="icon" type="image/x-icon" href="/resources/favicon.ico">
<link rel="stylesheet" href="/resources/style.css">
<link rel="stylesheet" href="/style">
</head>
<body onload="javascript:init()" style="margin: 0; height: 100%; overflow: hidden;">
@@ -14,15 +16,9 @@
<header class="navbar">
<a href="https://sc0tt.org/" style="float: left" target="_blank">Sc0tt főoldal</a>
<a href="/about" style="float: left">About</a>
<button onclick="genZ()" style="float: left;">Gen Z compatible site</button>
<button onclick="genZ()" style="float: left;" class="funny">Gen Z compatible site</button>
<img src="resources/logo.png" alt=logo" style="float: right;">
<a href="javascript:void(0);"
class="icon"
onclick="toggleMenu()">
&#9776;
</a>
<img src="resources/logo.png" alt=logo" class="logo" style="float: right;">
</header>
<iframe width="420" height="315"

View File

@@ -2,6 +2,8 @@ body {
background: #212121;
color: white;
font-family: Roboto, sans-serif;
max-width: 100%;
overflow-x: hidden;
}
.about-content {
@@ -21,17 +23,15 @@ body {
}
.main-content {
/*
display: flex;
margin: auto;
text-align: center;
box-sizing: border-box;*/
margin-top: 5%;
margin-bottom: 0;
justify-content: center;
flex-direction: column;
height: 80vh;
overflow-y: scroll;
max-width: 100%;
overflow-x: hidden;
flex-grow: 8;
background: red;
@@ -63,7 +63,6 @@ body {
}
.messages {
margin-bottom: 10%;
position: relative;
display: flex;
margin: 5px auto 0px auto;
@@ -121,12 +120,7 @@ body {
background: #323232;
display: flex;
margin: auto;
@media (max-width: 600px) {
width: 100%;
}
@media (min-width: 600px) {
width: 80%;
}
padding: 10px 10px;
border-radius: 25px;
@@ -185,6 +179,19 @@ footer {
background-color: #545454;
}
@media (max-width: 767px) {
.messages {
width: 100%;
}
.message {
width: 80%;
}
.funny {
display: none;
}
}
.navbar a.icon {
display: none;
}