first commit
BIN
icons/icon_github_dark_mode.png
Normal file
|
After Width: | Height: | Size: 6.3 KiB |
BIN
icons/icon_github_light_mode.png
Normal file
|
After Width: | Height: | Size: 6.1 KiB |
BIN
icons/icon_instagram_dark_mode.png
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
icons/icon_instagram_light_mode.png
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
icons/icon_youtube_dark_mode.png
Normal file
|
After Width: | Height: | Size: 5.7 KiB |
BIN
icons/icon_youtube_light_mode.png
Normal file
|
After Width: | Height: | Size: 8.5 KiB |
BIN
icons/logo_long_dark_mode.png
Normal file
|
After Width: | Height: | Size: 43 KiB |
BIN
icons/logo_long_light_mode.png
Normal file
|
After Width: | Height: | Size: 69 KiB |
104
signature.html
Normal file
@@ -0,0 +1,104 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<meta name="supported-color-schemes" content="light dark">
|
||||
<style>
|
||||
@media (prefers-color-scheme: dark ) {
|
||||
/* Shows Dark Mode-Only Content, Like Images */
|
||||
.dark-img {
|
||||
display:block !important;
|
||||
width: auto !important;
|
||||
overflow: visible !important;
|
||||
float: none !important;
|
||||
max-height:inherit !important;
|
||||
max-width:inherit !important;
|
||||
line-height: auto !important;
|
||||
margin-top:0px !important;
|
||||
visibility:inherit !important;
|
||||
}
|
||||
|
||||
/* Hides Light Mode-Only Content, Like Images */
|
||||
.light-img {
|
||||
display:none;
|
||||
display:none !important;
|
||||
}
|
||||
/* Transforms black icons to white */
|
||||
.icon {
|
||||
filter: brightness(0) invert(1);
|
||||
}
|
||||
}
|
||||
|
||||
/* Shows Dark Mode-Only Content, Like Images */
|
||||
[data-ogsc] .dark-img {
|
||||
mso-hide: none;
|
||||
display: block !important;
|
||||
width: auto !important;
|
||||
overflow: visible !important;
|
||||
float: none !important;
|
||||
max-height: inherit !important;
|
||||
max-width: inherit !important;
|
||||
line-height: auto !important;
|
||||
margin-top: 0px !important;
|
||||
visibility: inherit !important;
|
||||
}
|
||||
|
||||
/* Hides Light Mode-Only Content, Like Images */
|
||||
[data-ogsc] .light-img {
|
||||
mso-hide: all;
|
||||
display: none;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Transforms black icons to white */
|
||||
[data-ogsc] .icon {
|
||||
filter: brightness(0) invert(1);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="400" style="width: 400px; border-collapse: collapse; font-family: Verdana, sans-serif; font-size: small;">
|
||||
<tr>
|
||||
<th style="align-items: center; border-right: 2px solid #FF1111; border-radius: 2px;"><img width="110" height="110" src="https://cdn.breizhhardware.fr/QepU5/VaPodaCI47.jpg/raw" style="margin-left: 15px; width: 110px; height: 110px; border-radius: 75px;"/></th>
|
||||
<th> </th>
|
||||
<th style="text-align: left; font-weight: lighter">
|
||||
<p>Responsable Partenariats</p>
|
||||
<p style="font-size: x-large; margin-top: -10px; margin-bottom: -10px">Allan CUEFF</p>
|
||||
<p style="margin-bottom: -10px">partenariat@modelec.club</p>
|
||||
<p style="margin-bottom: 5px">+33 (0)6 16 15 59 75</p>
|
||||
<a style="margin-top: 10px; color: #FF1111;" href="https://modelec.club">https://modelec.club</a>
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="text-align: center;">
|
||||
<div style="border-top: 2px solid #FF1111; margin-left: 40px; margin-right: 50px; border-radius: 2px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="display: flex; justify-content: space-around">
|
||||
<a href="https://modelec.club">
|
||||
<img class="light-image" height="40" style="height: 40px; padding-left: 20px" src="https://cdn.breizhhardware.fr/QepU5/logo-long-short-blanc.png/raw"/>
|
||||
<!--[if !mso]><!-->
|
||||
<div class="dark-img" style="mso-element:none; mso-hide:all; display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;" align="center">
|
||||
<img src="https://cdn.breizhhardware.fr/QepU5/NEqAbogu01.png/raw" height="30" style="height: 30px;"/>
|
||||
</div>
|
||||
<!--<![endif]-->
|
||||
</a>
|
||||
</td>
|
||||
<td colspan="2">
|
||||
<div style="display: flex; justify-content: space-around; padding: 0 40px">
|
||||
<a href="https://github.com/modelec" style="text-decoration: none;">
|
||||
<img class="icon" height="25" style="margin-top: 2.5px; height: 25px;" src="https://cdn.breizhhardware.fr/QepU5/jasuRajo36.png/raw" />
|
||||
</a>
|
||||
<a href="https://www.instagram.com/modelec_isen" style="text-decoration: none;">
|
||||
<img class="icon" height="30" style="height: 30px;" src="https://cdn.breizhhardware.fr/QepU5/cUyarEta54.png/raw" />
|
||||
</a>
|
||||
<a href="" style="text-decoration: none;">
|
||||
<img class="icon" height="30" style="height: 30px;" src="https://cdn.breizhhardware.fr/QepU5/qOZofIFI02.png/raw" />
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||