url/SkillOpt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use Microsoft logo in page header

Browse Source
This commit is contained in:
Lliar-liar
2026-05-24 18:27:25 +00:00
parent c42d541828
commit 9605217e75
2 changed files with 26 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+13 -8
View File
@@ -89,13 +89,10 @@
white-space: nowrap; white-space: nowrap;
} }
.brandmark::before { .microsoft-mark {
content: ""; width: 16px;
width: 13px; height: 16px;
height: 13px; flex: 0 0 auto;
background: linear-gradient(135deg, var(--red) 0 48%, var(--gold) 48% 66%, var(--teal) 66%);
border: 1px solid rgba(255, 255, 255, 0.8);
transform: rotate(45deg);
} }
.nav { .nav {
@@ -1396,7 +1393,15 @@
</head> </head>
<body> <body>
<header class="topbar" aria-label="Page navigation"> <header class="topbar" aria-label="Page navigation">
<a class="brandmark" href="#top">SkillOpt</a> <a class="brandmark" href="#top" aria-label="SkillOpt home">
<svg class="microsoft-mark" viewBox="0 0 23 23" aria-hidden="true">
<rect width="10" height="10" fill="#F25022"></rect>
<rect x="13" width="10" height="10" fill="#7FBA00"></rect>
<rect y="13" width="10" height="10" fill="#00A4EF"></rect>
<rect x="13" y="13" width="10" height="10" fill="#FFB900"></rect>
</svg>
<span>SkillOpt</span>
</a>
<nav class="nav" aria-label="Sections"> <nav class="nav" aria-label="Sections">
<a href="#idea">Idea</a> <a href="#idea">Idea</a>
<a href="#method">Method</a> <a href="#method">Method</a>
skillopt.html
+13 -8
View File
@@ -89,13 +89,10 @@
white-space: nowrap; white-space: nowrap;
} }
.brandmark::before { .microsoft-mark {
content: ""; width: 16px;
width: 13px; height: 16px;
height: 13px; flex: 0 0 auto;
background: linear-gradient(135deg, var(--red) 0 48%, var(--gold) 48% 66%, var(--teal) 66%);
border: 1px solid rgba(255, 255, 255, 0.8);
transform: rotate(45deg);
} }
.nav { .nav {
@@ -1396,7 +1393,15 @@
</head> </head>
<body> <body>
<header class="topbar" aria-label="Page navigation"> <header class="topbar" aria-label="Page navigation">
<a class="brandmark" href="#top">SkillOpt</a> <a class="brandmark" href="#top" aria-label="SkillOpt home">
<svg class="microsoft-mark" viewBox="0 0 23 23" aria-hidden="true">
<rect width="10" height="10" fill="#F25022"></rect>
<rect x="13" width="10" height="10" fill="#7FBA00"></rect>
<rect y="13" width="10" height="10" fill="#00A4EF"></rect>
<rect x="13" y="13" width="10" height="10" fill="#FFB900"></rect>
</svg>
<span>SkillOpt</span>
</a>
<nav class="nav" aria-label="Sections"> <nav class="nav" aria-label="Sections">
<a href="#idea">Idea</a> <a href="#idea">Idea</a>
<a href="#method">Method</a> <a href="#method">Method</a>