roberteam/lewangoalski
6
2
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Centered Style

Browse Source
This commit is contained in:
Pc
2025-04-09 18:26:13 +02:00
parent b5ebcfbe68
commit ca58821361
3 changed files with 115 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
FlaskWebProject/FlaskWebProject.pyproj
View File

@@ -17,8 +17,7 @@
<SuppressCollectPythonCloudServiceFiles>true</SuppressCollectPythonCloudServiceFiles> <SuppressCollectPythonCloudServiceFiles>true</SuppressCollectPythonCloudServiceFiles>
<Name>FlaskWebProject</Name> <Name>FlaskWebProject</Name>
<RootNamespace>FlaskWebProject</RootNamespace> <RootNamespace>FlaskWebProject</RootNamespace>
<InterpreterId> <InterpreterId>MSBuild|env|$(MSBuildProjectFullPath)</InterpreterId>
</InterpreterId>
</PropertyGroup> </PropertyGroup>
<PropertyGroup Condition=" '$(Configuration)' == 'Debug' "> <PropertyGroup Condition=" '$(Configuration)' == 'Debug' ">
<DebugSymbols>true</DebugSymbols> <DebugSymbols>true</DebugSymbols>
@@ -71,6 +70,17 @@
<Content Include="FlaskWebProject\static\scripts\_references.js" /> <Content Include="FlaskWebProject\static\scripts\_references.js" />
<Content Include="FlaskWebProject\templates\index.html" /> <Content Include="FlaskWebProject\templates\index.html" />
</ItemGroup> </ItemGroup>
<ItemGroup>
<Interpreter Include="env\">
<Id>env</Id>
<Version>3.13</Version>
<Description>env (Python 3.13 (64-bit))</Description>
<InterpreterPath>Scripts\python.exe</InterpreterPath>
<WindowsInterpreterPath>Scripts\pythonw.exe</WindowsInterpreterPath>
<PathEnvironmentVariable>PYTHONPATH</PathEnvironmentVariable>
<Architecture>X64</Architecture>
</Interpreter>
</ItemGroup>
<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\Python Tools\Microsoft.PythonTools.Web.targets" /> <Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\Python Tools\Microsoft.PythonTools.Web.targets" />
<!-- Specify pre- and post-build commands in the BeforeBuild and <!-- Specify pre- and post-build commands in the BeforeBuild and
AfterBuild targets below. --> AfterBuild targets below. -->

198
FlaskWebProject/FlaskWebProject/static/style.css
View File

@@ -1,140 +1,138 @@
/* Podstawowy styl */ /* Podstawowy styl */
body { body {
font-family: 'Arial', sans-serif; font-family: 'Arial', sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
background: #f7f7f7; background: #f7f7f7;
color: #222; color: #222;
transition: all 0.3s ease; transition: all 0s ease;
display: flex;
flex-direction: column;
align-items: center; /* Wyśrodkowanie elementów w poziomie */
justify-content: flex-start; /* Ustalamy początek na górze */
min-height: 100vh;
} }
/* Styl nawigacji */
nav { nav {
background: #d32f2f; background: #d32f2f;
padding: 10px; padding: 0px;
display: flex; display: flex;
justify-content: space-around; justify-content: center; /* Wyśrodkowanie linków */
color: white; width: 100%;
color: white;
} }
nav a, nav button { nav a, nav button {
color: white; color: white;
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: bold;
background: none; background: none;
border: none; border: none;
cursor: pointer; cursor: pointer;
} margin: 0 15px; /* Odstęp między elementami */
}
/* Wyśrodkowanie głównej zawartości */
main { main {
padding: 20px; padding: 0px;
width: 100%;
max-width: 980px; /* Maksymalna szerokość treści */
text-align: center; /* Wyśrodkowanie tekstu */
} }
/* Styl dla tabeli */
table { table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
margin-top: 20px; margin-top: 20px;
} }
th, td { th, td {
padding: 10px; padding: 10px;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
text-align: center; text-align: center;
} }
/* Styl dla zdjęcia */
.photo { .photo {
width: 200px; width: 100px;
border-radius: 50%; height: 100px;
display: block; border-radius: 50%;
margin: 20px auto; display: block;
margin: 0 auto; /* Wyśrodkowanie obrazka */
} }
/* Styl dla trybu ciemnego */ /* Styl dla trybu ciemnego */
body.dark-mode { body.dark-mode {
background: #121212; background: #121212;
color: #e0e0e0; color: #e0e0e0;
} }
body.dark-mode nav { body.dark-mode nav {
background: #333; background: #333;
} }
body.dark-mode table { body.dark-mode table {
color: #e0e0e0; color: #e0e0e0;
} }
body.dark-mode h1 { body.dark-mode h1 {
color: #eaeaea; color: #eaeaea;
} }
body.dark-mode header button { body.dark-mode header button {
background-color: #444; background-color: #444;
color: #eaeaea; color: #eaeaea;
} }
body.dark-mode header button:hover { body.dark-mode header button:hover {
background-color: #666; background-color: #666;
} }
body.dark-mode ul li { body.dark-mode ul li {
background-color: #333; background-color: #333;
} }
body.dark-mode ul li:hover { body.dark-mode ul li:hover {
background-color: #444; background-color: #444;
} }
/* Dodatkowe style */
body.dark-mode h1 {
color: #eaeaea;
}
body.dark-mode header button {
background-color: #444;
color: #eaeaea;
}
body.dark-mode header button:hover {
background-color: #666;
}
body.dark-mode ul li {
background-color: #333;
}
body.dark-mode ul li:hover {
background-color: #444;
}
/* Przyciski i elementy */ /* Przyciski i elementy */
header button { header button {
padding: 10px 15px; padding: 10px 15px;
border: none; border: none;
background-color: #007bff; background-color: #007bff;
color: white; color: white;
font-size: 16px; font-size: 16px;
cursor: pointer; cursor: pointer;
border-radius: 5px; border-radius: 5px;
transition: background-color 0.3s; transition: background-color 0.3s;
} }
header button:hover { header button:hover {
background-color: #0056b3; background-color: #0056b3;
} }
/* Style dla listy meczów */ /* Style dla listy meczów */
ul { ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
display: flex;
flex-direction: column;
align-items: center; /* Wyśrodkowanie listy */
} }
ul li { ul li {
background-color: #eaeaea; background-color: #eaeaea;
margin-bottom: 10px; margin-bottom: 10px;
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
transition: background-color 0.3s; transition: background-color 0.3s;
} width: 90%; /* Szerokość li z marginesem */
max-width: 800px; /* Maksymalna szerokość elementu */
}
ul li:hover { ul li:hover {
background-color: #d1d1d1; background-color: #d1d1d1;
} }

8
FlaskWebProject/FlaskWebProject/templates/base.html
View File

@@ -1,4 +1,4 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="pl"> <html lang="pl">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@@ -15,8 +15,10 @@
</nav> </nav>
<header> <header>
<img src="{{ url_for('static', filename='lewandowski.jpg') }}" alt="Robert Lewandowski" style="width: 200px; height: auto; border-radius: 50%;"> <div class="header-content">
<h1>Statystyki Roberta Lewandowskiego</h1> <center><img src="{{ url_for('static', filename='lewandowski.jpg') }}" alt="Robert Lewandowski" class="profile-image"></center>
<h1>Statystyki Roberta Lewandowskiego</h1>
</div>
</header> </header>
<main> <main>