Line/VixenchromaWebSite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add about page and several pages for projects

Browse Source
This commit is contained in:
Alyx LG
2025-05-21 17:55:28 +02:00
parent 33d840af79
commit 72e83a3c30
27 changed files with 2691 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
html/index.html
View File

@@ -4,14 +4,9 @@
<meta name="title" content="VixenChroma">
<meta name="description" content="VixenChroma - Line / Alyx website" />
<meta name="keywords" content="alyx le guen, alyx, le guen, line, vixenchroma">
<!-- Open Graph -->
<meta property="og:title" content="VixenChroma">
<meta property="og:type" content="website" />
<meta property="og:url" content="https://vixenchroma.com">
<meta property="og:description" content="VixenChroma - Line / Alyx website">
<link rel="author" href="https://vixenchroma.com"/>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/svg+xml" href="img/favicon.svg">
<title>Vixenchroma</title>
</head>
<body>
@@ -21,20 +16,48 @@
<h2 style="color:white">Vixenchroma WebSite - Owner Line / Alyx</h2>
</div>
<div id="flex">
<aside id="leftSidebar" style="margin-right: 10px;">
<div class="box">
<li><a href="https://wiki.vixenchroma.com/public" target="_blank">My Wiki</a></li>
<br>
<li><a href="https://github.com/Alyx-LeGuen" target="_blank">My Github</a></li>
<br>
<li><a href="https://www.linkedin.com/in/alyx-le-guen-a17581173" target="_blank">My Linkedin</a></li>
<aside id="leftSidebar" style="margin-right: 8px;">
<div>
<h3>Links</h3>
<div class="box">
<ul style="padding-left:8px;">
<li><a href="https://wiki.vixenchroma.com/public" target="_blank">My Wiki</a></li>
<br>
<li><a href="https://git.vixenchroma.com/explore/repos" target="_blank">My Gitea</a></li>
<br>
<li><a href="https://github.com/Alyx-LeGuen" target="_blank">My Github</a></li>
<br>
<li><a href="https://www.linkedin.com/in/alyx-le-guen-a17581173" target="_blank">My Linkedin</a></li>
</ul>
</div>
</div>
<div>
<h3>Projects</h3>
<div class="box">
<ul style="padding-left:8px;">
<li><a href="/">Home</a></li>
<br>
<li><a href="/about.html">About</a></li>
<br>
<li><a href="/art.html">Art</a></li>
<br>
<li><a href="/embroidery.html">Embroidery / Patches</a></li>
<br>
<li><a href="/3dprinting_painting.html">3D printing, figurines and painting</a></li>
<br>
<li><a href="/other_things.html">Other things</a></li>
</ul>
</div>
</div>
<div>
<h3>Cool badge !</h3>
<img src="/img/WonderWorld.png" alt="Such a world of Wonder" style="margin-left: auto;margin-right: auto;display: block;"/>
<img src="/img/webbadge/agrou.png" alt="fox say agrou" style="margin-left: auto;margin-right: auto;display: block;">
<img src="/img/webbadge/traaa.png" alt="cool trans flag" style="margin-left: auto;margin-right: auto;display: block;">
<img src="/img/webbadge/linux.png" alt="cool linux badge" style="margin-left: auto;margin-right: auto;display: block;">
<img src="/img/webbadge/brains.gif" alt="powered by my brain" style="margin-left: auto;margin-right: auto;display: block;">
<img src="/img/webbadge/fox.png" alt="moving fox gif" style="margin-left: auto;margin-right: auto;display: block;width: 60%;">
</div>
<h3>Cool badge !</h3>
<img src="/img/WonderWorld.png" alt="Such a world of Wonder" style="margin-left: auto;margin-right: auto;display: block;"/>
<img src="/img/webbadge/traaa.png" alt="cool trans flag" style="margin-left: auto;margin-right: auto;display: block;">
<img src="/img/webbadge/linux.png" alt="cool linux badge" style="margin-left: auto;margin-right: auto;display: block;">
<img src="/img/webbadge/brains.gif" alt="powered by my brain" style="margin-left: auto;margin-right: auto;display: block;">
<img src="/img/webbadge/fox.png" alt="powered by my brain" style="margin-left: auto;margin-right: auto;display: block;width: 60%;">
</aside>
<main>
<h1>Welcome on Vixenchroma !</h1>
@@ -67,11 +90,16 @@
<img src="/img/UnderDestruction.gif" alt="UnderDesctruction"/>
</main>
<aside id="rightSidebar" style="margin-left: 10px;">
<aside id="rightSidebar" style="margin-left: 8px;">
<h2>Updates</h2>
<div class="box">
<p>20/05/2025</p>
<ul style="padding-left:10px;">
<img src="/img/webbadge/new.gif" alt="new gif"/><span> 21/05/25</span>
<ul style="padding-left:8px;">
<li>I added an about page and several pages to share my projects</li>
</ul>
<p>--------</p>
<span> 20/05/25</span>
<ul style="padding-left:8px;">
<li>NEW website version with no more js</li>
<br>
<li>NEW content published</li>
@@ -79,7 +107,7 @@
</div>
<h3>External Tools/Links</h3>
<div class="box">
<ul style="padding-left:10px;">
<ul style="padding-left:8px;">
<li><a href="https://goblin-heart.net/sadgrl/webmastery/webmaster-links">Usefull links to build website</a></li>
<br>
<li><a href="https://www.dafont.com/addstandardbitmap.font">Font used for the site</a></li>
@@ -106,6 +134,7 @@
}
body {
cursor: url('img/cursor.png'), auto;
font-family: 'ADDSBP';
margin: 0;
background-color: #08031A;
@@ -141,39 +170,22 @@
background-image: var(--header-image);
}
#navbar {
height: 40px;
background-color: #13092D;
width: 100%;
}
#navbar ul {
#flex {
display: flex;
padding: 0;
margin: 0;
list-style-type: none;
justify-content: space-evenly;
}
#navbar li {
padding-top: 10px;
}
#navbar li a {
li a {
color: #1E74FD;
font-weight: 800;
text-decoration: none;
cursor: url('img/cursor_click.png'), auto;
}
#navbar li a:hover {
li a:hover {
color: #a49cba;
text-decoration: underline;
}
#flex {
display: flex;
}
aside {
background-color: #241445;
width: 200px;
@@ -206,7 +218,7 @@
background-color: #13092D;
width: 100%;
height: 40px;
padding: 10px;
padding: 8px;
text-align: center;
}
@@ -228,13 +240,13 @@
.box {
background-color: #13092D;
border: 1px solid #1E74FD;
padding: 10px;
padding: 8px;
}
#topBar {
width: 100%;
height: 30px;
padding: 10px;
padding: 8px;
font-size: smaller;
background-color: #13092D;
}
@@ -259,10 +271,6 @@
#rightSidebar {
order: 3;
}
#navbar ul {
flex-wrap: wrap;
}
}
</style>
</body>