hxcde/yannmoelle
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 2 Wiki Activity
9662bb3fd6
yannmoelle/index.html

166 lines
7.3 KiB
HTML
Raw Normal View History

🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<!DOCTYPE html>
<html lang="en">
Format & Theme Fix Auto-Formatted index.html Removed old colors
2022-02-10 03:10:24 +01:00
„index.html“ ändern
2023-04-14 20:29:19 +02:00
<style>
body {
„index.html“ ändern
2023-04-14 20:37:18 +02:00
background: rgb(46,49,64);
background: -moz-radial-gradient(circle, rgba(46,49,64,1) 0%, rgba(22,22,22,1) 80%);
background: -webkit-radial-gradient(circle, rgba(46,49,64,1) 0%, rgba(22,22,22,1) 80%);
background: radial-gradient(circle, rgba(46,49,64,1) 0%, rgba(22,22,22,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e3140",endColorstr="#161616",GradientType=1);
„index.html“ ändern
2023-04-14 20:29:19 +02:00
}
</style>
„index.html“ ändern
2023-04-14 20:12:18 +02:00
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<head>
<!-- Page Information
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
„index.html“ ändern
2023-04-14 17:14:35 +02:00
<title>Yann Mölle</title>
⚡️ General Improvements Removed a few deprecated brands, including Mixer and Spectrum. Updated iconography and brand colors to align with guidelines set by brands and to help increase visual accessibility. This will likely be the new style moving forward, so if you want to go back to brand color button backgrounds and solid white or black iconography, you'll need to do that on your own. Added Facebook Messenger and Vimeo, please keep the suggestions coming for popular services that you believe should be included in the main branch for everyone by default.
2021-02-19 07:37:00 +01:00
<meta name="description" content="Find us online!">
„index.html“ ändern
2023-04-14 17:15:23 +02:00
<meta name="author" content="Yann Mölle"">
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
Theme Rework Added skeleton-auto.css, which dynamically sets the theme based on the browser and/or the Operating Systems colors, if supported. Set Default Theme to Auto with comments on helping switch to light and dark theme stylesheets. Darkened the skeleton-dark.css background color to the same as the color that skeleton-auto.css sets it as, which is html recommended standard color of #121212.
2022-02-09 15:50:46 +01:00
Brands & Index Updated css/brands to be in alphabetical order. Slight tweaks to index.html organization.
2022-11-11 05:38:11 +01:00
<!-- Themes:
Auto: css/skeleton-auto.css
Light: css/skeleton-light.css
Dark: css/skeleton-dark.css
-->
<link rel="stylesheet" href="css/skeleton-auto.css">
Theme Rework Added skeleton-auto.css, which dynamically sets the theme based on the browser and/or the Operating Systems colors, if supported. Set Default Theme to Auto with comments on helping switch to light and dark theme stylesheets. Darkened the skeleton-dark.css background color to the same as the color that skeleton-auto.css sets it as, which is html recommended standard color of #121212.
2022-02-09 15:50:46 +01:00
Brands & Index Updated css/brands to be in alphabetical order. Slight tweaks to index.html organization.
2022-11-11 05:38:11 +01:00
<!-- Brand Styles -->
<link rel="stylesheet" href="css/brands.css">
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
Theme Rework Added skeleton-auto.css, which dynamically sets the theme based on the browser and/or the Operating Systems colors, if supported. Set Default Theme to Auto with comments on helping switch to light and dark theme stylesheets. Darkened the skeleton-dark.css background color to the same as the color that skeleton-auto.css sets it as, which is html recommended standard color of #121212.
2022-02-09 15:50:46 +01:00
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/avatar.png">
</head>
Format & Theme Fix Auto-Formatted index.html Removed old colors
2022-02-10 03:10:24 +01:00
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<body>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="row">
<div class="column" style="margin-top: 10%">
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 06:36:04 +02:00
<!--
## Getting Started with LittleLink
This page has been built with every pre-designed button available in LittleLink by default. You can rearrange and delete as needed.
You can add your own brand or others brands you may need in the `css/brands.css` file.
Resolving Issues #31 and #32 To help our users who host LittleLink on default installations of Apache, I'm moving `icons` to `images/icons` to maximize compatibility. Please view Issue #31 for details: https://github.com/sethcottle/littlelink/issues/31 • Moved the `icons` folder to `images/icons` • Updated buttons on `index.html` with the new icon path. • Updated `index.html` comments to reflect changes. To help keep content from being blocked by "Fanboy’s Annoyance" on Ublock Origin and ABP, I'm updating the names of some of the branded buttons. Please view Issue #32 for details: https://github.com/sethcottle/littlelink/issues/32 • Changed Twitter from `button-twitter` to `button-twit` • Changed LinkedIn from `button-linkedin` to `button-linked` • Changed Facebook from `button-facebook` to `button-faceb` • Changed YouTube from `button-youtube` to `button-yt` • Changed Tumblr from `button-tumblr` to `button-tumb` General Changes: • Changed <!-- Your Name --!> to <!-- Title --> to make it slightly more generic. • Added a supporters section to the README file under the Community Contributions.
2021-12-14 20:17:18 +01:00
You can add custom icons to `images/icons/...`. It is recommended to use a 24x24 .SVG.
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 06:36:04 +02:00
Edit the "Your Image Here" section to add your own personal branding, like a picture of yourself or your brand logo!
Resolving Issues #31 and #32 To help our users who host LittleLink on default installations of Apache, I'm moving `icons` to `images/icons` to maximize compatibility. Please view Issue #31 for details: https://github.com/sethcottle/littlelink/issues/31 • Moved the `icons` folder to `images/icons` • Updated buttons on `index.html` with the new icon path. • Updated `index.html` comments to reflect changes. To help keep content from being blocked by "Fanboy’s Annoyance" on Ublock Origin and ABP, I'm updating the names of some of the branded buttons. Please view Issue #32 for details: https://github.com/sethcottle/littlelink/issues/32 • Changed Twitter from `button-twitter` to `button-twit` • Changed LinkedIn from `button-linkedin` to `button-linked` • Changed Facebook from `button-facebook` to `button-faceb` • Changed YouTube from `button-youtube` to `button-yt` • Changed Tumblr from `button-tumblr` to `button-tumb` General Changes: • Changed <!-- Your Name --!> to <!-- Title --> to make it slightly more generic. • Added a supporters section to the README file under the Community Contributions.
2021-12-14 20:17:18 +01:00
Edit the "Title" section to change the page heading. You can use something like your name, your social handle, or your brand name.
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 06:36:04 +02:00
Edit the "Short Bio" section tell users about yourself or your brand.
-->
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<!-- Your Image Here -->
Updated to support avatar radius
2022-06-03 23:44:34 +02:00
<img src="images/avatar.png" class="avatar" srcset="images/avatar@2x.png 2x" alt="LittleLink Logo">
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
Resolving Issues #31 and #32 To help our users who host LittleLink on default installations of Apache, I'm moving `icons` to `images/icons` to maximize compatibility. Please view Issue #31 for details: https://github.com/sethcottle/littlelink/issues/31 • Moved the `icons` folder to `images/icons` • Updated buttons on `index.html` with the new icon path. • Updated `index.html` comments to reflect changes. To help keep content from being blocked by "Fanboy’s Annoyance" on Ublock Origin and ABP, I'm updating the names of some of the branded buttons. Please view Issue #32 for details: https://github.com/sethcottle/littlelink/issues/32 • Changed Twitter from `button-twitter` to `button-twit` • Changed LinkedIn from `button-linkedin` to `button-linked` • Changed Facebook from `button-facebook` to `button-faceb` • Changed YouTube from `button-youtube` to `button-yt` • Changed Tumblr from `button-tumblr` to `button-tumb` General Changes: • Changed <!-- Your Name --!> to <!-- Title --> to make it slightly more generic. • Added a supporters section to the README file under the Community Contributions.
2021-12-14 20:17:18 +01:00
<!-- Title -->
„index.html“ ändern
2023-04-14 21:17:27 +02:00
<h1>Yann Mölle</h1>
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<!-- Short Bio -->
„index.html“ ändern
2023-04-14 17:14:05 +02:00
<p>IT specialist @ ADAC Heliservice | Hobby photographer and gearhead, technology & smart home enthusiast. <br>
„index.html“ ändern
2023-04-14 17:17:20 +02:00
<br>
<a href="https://twitter.com/search?q=%23cybersec&src=hashtag_click">#cybersec</a>
<a href="https://twitter.com/search?q=%23teamlinux&src=hashtag_click">#teamlinux</a>
<a href="https://twitter.com/search?q=%23cars&src=hashtag_click">#cars</a> and
<a href="https://twitter.com/search?q=%23coffee&src=hashtag_click">#coffee</a>
</p>
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 06:36:04 +02:00
<!--
## Breaking down <a> attributes:
1.) class="button button-default" | The first "button" here is telling this <a> tag that it should make this element a button and applies the default styling in `css/brands.css`.
The second portion, button-default, is declaring the specific brand style you would like to apply. Here we're applying the "default" style and color.
If you want to make this button to use the brand colors for Discord, just change "button-default" to "button-discord". Brands are found in `css/brands.css`. You can always edit & add your own there.
2.) Replace the # in href="#" with the desired target URL for the button.
3.) target="_blank" | This attribute opens links in a new tab. Remove this attribute to prevent links from opening in a new tab.
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
⚡️ General Improvements Added some additional instructional context for those who are very new to using this sort of thing! Updated the default attributes for <a>. Links on index.html now include: `target="_blank"` to automatically open links in a new tab `rel="noopener"` to navigate to the target resource without granting the new browsing context access to the document that opened it. The <img> tags on index.html now include a `alt="Text Here"` attribute to help improve accessibility. LittleLink now scores a 99 in performance, a 94 in accessibility (some brand colors are not accessible, and neither is the LittleLink brand color with light theme), a 100 in best practices, and a 100 in SEO through Google Lighthouse.
2021-05-19 06:36:04 +02:00
4.) rel="noopener" | This attribute instructs the browser to navigate to the target resource without granting the new browsing context access to the document that opened it.
This is especially useful when opening untrusted links. https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/noopener
## Breaking down the <img> attributes:
1.) class="icon" | This class is telling the <img> tag that it should use the styling for icons found in `css/brands.css`.
2.) src="icons/[icon_name].svg" | This defines the icon you would like to display from the icons/ folder. For example, you can change this to src="icons/discord.svg" to use the Discord icon.
Add your own 24x24 icons to the "icons" folder to reference them. We recommend providing a SVG.
3.) alt="Example Logo" | This alt attribute helps provides alternate text for an image, this can assist users who use screen readers.
-->
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
<!-- LinkedIn -->
„index.html“ ändern
2023-04-14 21:18:04 +02:00
<a class="button button-linked zoom-box animate-top" href="https://de.linkedin.com/in/yannmoelle" target="_blank" rel="noopener">
Organization Updates Updated the organizational structure of the html elements to be more readable.
2022-05-05 19:20:01 +02:00
<img class="icon" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
„index.html“ ändern
2023-04-14 21:10:04 +02:00
<br>
„index.html“ ändern
2023-04-14 16:55:53 +02:00
<!-- XING -->
„index.html“ ändern
2023-04-14 21:18:04 +02:00
<a class="button button-xing zoom-box animate-top" href="https://www.xing.com/profile/Yann_Moelle" target="_blank" rel="noopener">
„index.html“ ändern
2023-04-14 16:55:53 +02:00
<img class="icon" src="images/icons/xing.svg" alt="xing Logo">Xing</a>
„index.html“ ändern
2023-04-14 21:10:04 +02:00
<br>
„index.html“ ändern
2023-04-14 20:54:43 +02:00
„index.html“ ändern
2023-04-14 17:28:27 +02:00
<!-- Gitea -->
„index.html“ ändern
2023-04-14 21:18:04 +02:00
<a class="button button-gitea zoom-box animate-top" href="https://git.moelle.space/hxcde" target="_blank" rel="noopener">
„index.html“ ändern
2023-04-14 17:28:27 +02:00
<img class="icon" src="images/icons/gitea.svg" alt="Gitea Logo">Gitea</a>
„index.html“ ändern
2023-04-14 21:10:04 +02:00
<br>
„index.html“ ändern
2023-04-14 20:54:43 +02:00
„index.html“ ändern
2023-04-14 17:24:10 +02:00
<!-- GitHub -->
„index.html“ ändern
2023-04-14 21:18:04 +02:00
<a class="button button-github zoom-box animate-top" href="https://github.com/hxcde" target="_blank" rel="noopener">
„index.html“ ändern
2023-04-14 17:24:10 +02:00
<img class="icon" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
„index.html“ ändern
2023-04-14 21:10:04 +02:00
<br>
„index.html“ ändern
2023-04-14 20:54:43 +02:00
„index.html“ ändern
2023-04-14 17:24:10 +02:00
<!-- Twitter -->
„index.html“ ändern
2023-04-14 21:18:04 +02:00
<a class="button button-twit zoom-box animate-top" href="https://twitter.com/hxcde" target="_blank" rel="noopener">
„index.html“ ändern
2023-04-14 17:24:10 +02:00
<img class="icon" src="images/icons/twitter.svg" alt="Twitter Logo">Twitter</a>
„index.html“ ändern
2023-04-14 21:10:04 +02:00
<br>
„index.html“ ändern
2023-04-14 20:54:43 +02:00
„index.html“ ändern
2023-04-14 21:18:22 +02:00
<a style="font-size:24px;color:White;"><strong> Contact me </strong></a><br>
„index.html“ ändern
2023-04-14 17:26:00 +02:00
<br>
<!-- Email -->
„index.html“ ändern
2023-04-14 21:18:04 +02:00
<a class="button button-default zoom-box animate-top" href="mailto:contact@yannmoelle.de" target="_blank" rel="noopener">
„index.html“ ändern
2023-04-14 20:50:55 +02:00
<img class="icon" src="images/icons/email.svg" alt="Email Icon">Email</a>
Add wordpress ton index
2020-12-09 22:50:33 +01:00
<br>
na
2023-04-14 22:06:10 +02:00
code
2023-04-14 22:08:48 +02:00
<br>
<br>
-
2023-04-14 23:01:53 +02:00
<p><a href="https://git.moelle.space/hxcde/mylinks">Diese Seite auf meinem Git</a></p>
„index.html“ ändern
2023-04-14 17:24:33 +02:00
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
</div>
</div>
</div>
Test
2023-04-14 22:04:44 +02:00
na
2023-04-14 22:06:10 +02:00
Test
2023-04-14 22:04:44 +02:00
Format & Theme Fix Auto-Formatted index.html Removed old colors
2022-02-10 03:10:24 +01:00
<!-- End Document
🎉 Initial Commit
2019-12-22 04:30:05 +01:00
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
Format & Theme Fix Auto-Formatted index.html Removed old colors
2022-02-10 03:10:24 +01:00
Update index.html
2022-02-08 04:03:36 +01:00
</html>
Reference in New Issue Copy Permalink