github/microsoft-SkillOpt
1
0
Fork 0
mirror of https://github.com/microsoft/SkillOpt.git synced 2026-07-03 14:02:58 +08:00
Code Issues 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

21
index.html
View File

@@ -89,13 +89,10 @@
white-space: nowrap;
}
.brandmark::before {
content: "";
width: 13px;
height: 13px;
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);
.microsoft-mark {
width: 16px;
height: 16px;
flex: 0 0 auto;
}
.nav {
@@ -1396,7 +1393,15 @@
</head>
<body>
<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">
<a href="#idea">Idea</a>
<a href="#method">Method</a>

21
skillopt.html
View File

@@ -89,13 +89,10 @@
white-space: nowrap;
}
.brandmark::before {
content: "";
width: 13px;
height: 13px;
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);
.microsoft-mark {
width: 16px;
height: 16px;
flex: 0 0 auto;
}
.nav {
@@ -1396,7 +1393,15 @@
</head>
<body>
<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">
<a href="#idea">Idea</a>
<a href="#method">Method</a>