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. -->

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

@@ -1,18 +1,25 @@
/* 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 */
width: 100%;
color: white; color: white;
} }
@@ -23,12 +30,18 @@ nav {
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;
@@ -41,11 +54,13 @@ th, td {
text-align: center; text-align: center;
} }
/* Styl dla zdjęcia */
.photo { .photo {
width: 200px; width: 100px;
height: 100px;
border-radius: 50%; border-radius: 50%;
display: block; display: block;
margin: 20px auto; margin: 0 auto; /* Wyśrodkowanie obrazka */
} }
/* Styl dla trybu ciemnego */ /* Styl dla trybu ciemnego */
@@ -83,28 +98,6 @@ body.dark-mode {
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;
@@ -125,6 +118,9 @@ header button {
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 {
@@ -133,6 +129,8 @@ ul {
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 {

6
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">
<center><img src="{{ url_for('static', filename='lewandowski.jpg') }}" alt="Robert Lewandowski" class="profile-image"></center>
<h1>Statystyki Roberta Lewandowskiego</h1> <h1>Statystyki Roberta Lewandowskiego</h1>
</div>
</header> </header>
<main> <main>