vaporvee/web-old
Archived
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

added external link css

Browse Source
This commit is contained in:
Yannik
2024-02-08 22:04:42 +01:00
parent c0af25af83
commit 1f3b8a21f7
6 changed files with 39 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Navbar.astro
View File

@@ -34,10 +34,13 @@ import "../styles/navbar.scss";
} }
</nav> </nav>
<div> <div>
<a href="https://github.com/vaporvee" target="_blank" <a href="https://github.com/vaporvee" class="social" target="_blank"
><img src="/github-mark.svg" alt="My GitHub account" class="social" /></a ><img src="/github-mark.svg" alt="My GitHub account" class="social" /></a
> >
<a href="https://www.linkedin.com/in/yannik-ain/" target="_blank" <a
href="https://www.linkedin.com/in/yannik-ain/"
class="social"
target="_blank"
><img ><img
src="/linkedin-icon.svg" src="/linkedin-icon.svg"
alt="My Linkedin account" alt="My Linkedin account"

7
src/layouts/DocsLayout.astro
View File

@@ -23,13 +23,10 @@ const docs = unsortedDocs.sort((a) =>
<div class="sidebar"> <div class="sidebar">
<div class="sidebar" style="display: unset;"> <div class="sidebar" style="display: unset;">
<a <a
class="gh-mark" class="repo-link"
href={"https://github.com/vaporvee/" + frontmatter.repo} href={"https://github.com/vaporvee/" + frontmatter.repo}
target="_blank" target="_blank"
> ><span style="font-size: 14px;">vaporvee /</span>{frontmatter.repo}</a
<span style="font-size: 14px;">vaporvee /</span>
{frontmatter.repo}
<Icon name="mdi:external-link" /></a
><br /><br /> ><br /><br />
{ {
docs.map((page) => { docs.map((page) => {

2
src/pages/docs/discord-sdk-godot/index.mdx
View File

@@ -24,7 +24,7 @@ The GameSDK's Achievements, Applications, Voice, Images, Lobbies, Networking, St
The plugin only works with 4.2 and above for the current version The plugin only works with 4.2 and above for the current version
::: :::
<br/> <br/>
:::assert :::assert{title="Important info"}
To make anything work in the plugin make sure to run To make anything work in the plugin make sure to run
```gdscript ```gdscript

21
src/styles/footer.scss
View File

@@ -1,12 +1,15 @@
footer { footer {
display: flexbox; display: flexbox;
align-items: center; align-items: center;
text-align: center; text-align: center;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
margin-bottom: 2vh; margin-bottom: 2vh;
a { a {
color: white; color: white;
&[target="_blank"]::after {
background-color: white;
} }
} }
}

16
src/styles/main.scss
View File

@@ -56,9 +56,23 @@ b {
font-family: "Satoshi-Bold"; font-family: "Satoshi-Bold";
color: $accent; color: $accent;
} }
a { a {
color: $link; color: $link;
&[target="_blank"]::after {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: -0.125em;
content: " ";
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2z'/%3E%3C/svg%3E")
no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2z'/%3E%3C/svg%3E")
no-repeat center;
background-color: $link; /* This will color the SVG */
}
&.social::after {
content: none;
}
} }
figure { figure {

5
src/styles/sidebar.scss
View File

@@ -14,8 +14,11 @@
.active { .active {
color: $accent; color: $accent;
} }
.gh-mark { .repo-link {
text-decoration: underline; text-decoration: underline;
color: $accent; color: $accent;
&[target="_blank"]::after {
background-color: $accent;
}
} }
} }