beninca.link/marc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix/start

Browse source
This commit is contained in:
Marc Beninca 2023-07-01 00:35:39 +02:00
parent c1c136630c
commit 3524199aba
1 changed files with 53 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

101
build.py
View file

@ -78,20 +78,20 @@ def main():
<div class="tabs"> <div class="tabs">
<input type="radio" onclick="update(id)" <input type="radio" onclick="update(id)"
name="tab" id="tab/my" /> name="tab" id="tab/my" />
<label for="tab/my"> <label for="tab/my">My</label>
<div><div class="tabs"> <div><div class="tabs">
<input type="radio" onclick="update(id)" <input type="radio" onclick="update(id)"
name="tab/my" id="tab/my/info" /> name="tab/my" id="tab/my/info" />
<label for="tab/my/info"> <label for="tab/my/info">Info</label>
<div>{tabs['main']}</div> <div>{tabs['main']}</div>
<input type="radio" onclick="update(id)" <input type="radio" onclick="update(id)"
name="tab/my" id="tab/my/id" /> name="tab/my" id="tab/my/id" />
<label for="tab/my/id"> <label for="tab/my/id">Identity</label>
<div>{tabs['id']}</div> <div>{tabs['id']}</div>
</div></div> </div></div>
<input type="radio" onclick="update(id)" <input type="radio" onclick="update(id)"
name="tab" id="tab/music" /> name="tab" id="tab/music" />
<label for="tab/music"> <label for="tab/music">Music</label>
<div>{tabs['music']}</div> <div>{tabs['music']}</div>
</div> </div>
<!-- cv --> <!-- cv -->
@ -108,6 +108,55 @@ def main():
''' '''
css_file = os.path.join(css, 'index.css') css_file = os.path.join(css, 'index.css')
css_text = f'''\ css_text = f'''\
body {{
background: rgb(255,255,255);
color: rgb(0,0,0);
margin: .5em;
}}
body.dark {{
background: rgb(0,0,0);
color: rgb(160,160,160);
}}
header {{
// background-image: url("../img/debian.jpeg");
}}
.tabs {{
display: flex;
flex-wrap: wrap;
}}
.tabs > input {{
display: none;
}}
.tabs > input:checked + label + div {{
display: block;
}}
.tabs > label {{
order: 1;
}}
.tabs > div {{
display: none;
flex-basis: 100%;
order: 2;
}}
.tabs {{
border: 1px solid;
margin: 1em 0;
}}
.tabs > input:checked + label {{
background-color: gray;
}}
.tabs > label {{
padding: 10px;
}}
.tabs > div {{
padding: 10px;
}}
/*******************************************************************************
@media screen and (max-width: 1200px) {{ @media screen and (max-width: 1200px) {{
html {{ html {{
@ -116,13 +165,10 @@ font-size: 2em;
}} }}
/*
* {{ border: 1px solid; }} * {{ border: 1px solid; }}
/*
header {{ background: #800000; }} header {{ background: #800000; }}
nav {{ background: #008000; }} nav {{ background: #008000; }}
section {{ background: #000080; }} section {{ background: #000080; }}
/**/
* {{ * {{
box-sizing: border-box; box-sizing: border-box;
@ -131,20 +177,13 @@ box-sizing: border-box;
}} }}
body {{ body {{
background: rgb(255,255,255);
color: rgb(0,0,0);
font-family: sans; font-family: sans;
font-size: 1.25em; font-size: 1.25em;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
}} }}
body.dark {{
background: rgb(0,0,0);
color: rgb(160,160,160);
}}
header {{ header {{
background-image: url("../img/debian.jpeg");
background-position: center; background-position: center;
background-size: cover; background-size: cover;
padding: 1vh 1vw 0 1vw; padding: 1vh 1vw 0 1vw;
@ -237,40 +276,6 @@ text-align: center;
border: none; border: none;
height: 4em; height: 4em;
}} }}
/**/
.tabs {{
display: flex;
flex-wrap: wrap;
}}
.tabs > input {{
display: none;
}}
.tabs > input:checked + label + div {{
display: block;
}}
.tabs > label {{
order: 1;
}}
.tabs > div {{
display: none;
flex-basis: 100%;
order: 2;
}}
.tabs {{
border: 1px solid;
}}
.tabs > input:checked + label {{
background-color: gray;
}}
.tabs > label {{
padding: 10px;
}}
.tabs > div {{
padding: 10px;
}}
''' '''
js_file = os.path.join(js, 'index.js') js_file = os.path.join(js, 'index.js')
js_text = f'''\ js_text = f'''\