socials on fp

This commit is contained in:
Trit0 2025-09-03 15:45:28 -04:00
parent 5e2563ce01
commit fdf6a7da34
9 changed files with 55 additions and 8 deletions

File diff suppressed because one or more lines are too long

BIN
public/img/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 512"><path fill="#fff" fill-rule="nonzero" d="M170.663 256.157c-.083-47.121 38.055-85.4 85.167-85.483 47.121-.092 85.407 38.03 85.499 85.16.091 47.129-38.047 85.4-85.176 85.492-47.112.09-85.399-38.039-85.49-85.169zm-46.108.091c.141 72.602 59.106 131.327 131.69 131.186 72.592-.141 131.35-59.09 131.209-131.692-.141-72.577-59.114-131.335-131.715-131.194-72.585.141-131.325 59.115-131.184 131.7zm237.104-137.091c.033 16.953 13.817 30.681 30.772 30.648 16.961-.033 30.689-13.811 30.664-30.764-.033-16.954-13.818-30.69-30.78-30.657-16.962.033-30.689 13.818-30.656 30.773zm-208.696 345.4c-24.958-1.087-38.511-5.234-47.543-8.709-11.961-4.629-20.496-10.178-29.479-19.094-8.966-8.95-14.532-17.46-19.202-29.397-3.508-9.032-7.73-22.569-8.9-47.527-1.269-26.982-1.559-35.077-1.683-103.432-.133-68.339.116-76.434 1.294-103.441 1.069-24.942 5.242-38.512 8.709-47.536 4.628-11.977 10.161-20.496 19.094-29.479 8.949-8.982 17.459-14.532 29.403-19.202 9.025-3.525 22.561-7.714 47.511-8.9 26.998-1.277 35.085-1.551 103.423-1.684 68.353-.132 76.448.108 103.456 1.295 24.94 1.086 38.51 5.217 47.527 8.709 11.968 4.628 20.503 10.144 29.478 19.094 8.974 8.95 14.54 17.443 19.21 29.412 3.524 9 7.714 22.553 8.892 47.494 1.285 26.999 1.576 35.095 1.7 103.433.132 68.355-.117 76.451-1.302 103.441-1.087 24.958-5.226 38.52-8.709 47.561-4.629 11.952-10.161 20.487-19.103 29.471-8.941 8.949-17.451 14.531-29.403 19.201-9.009 3.517-22.561 7.714-47.494 8.9-26.998 1.269-35.086 1.559-103.448 1.684-68.338.132-76.424-.125-103.431-1.294zM149.977 1.773c-27.239 1.285-45.843 5.648-62.101 12.018-16.829 6.561-31.095 15.354-45.286 29.604C28.381 57.653 19.655 71.944 13.144 88.79c-6.303 16.299-10.575 34.912-11.778 62.168C.172 178.264-.102 186.973.031 256.489c.133 69.508.439 78.234 1.741 105.547 1.302 27.231 5.649 45.828 12.019 62.093 6.569 16.83 15.353 31.088 29.611 45.288 14.25 14.201 28.55 22.918 45.404 29.438 16.282 6.295 34.902 10.583 62.15 11.778 27.305 1.203 36.022 1.468 105.521 1.335 69.532-.132 78.25-.439 105.555-1.733 27.239-1.303 45.826-5.665 62.1-12.019 16.829-6.586 31.095-15.353 45.288-29.611 14.191-14.251 22.917-28.55 29.428-45.405 6.304-16.282 10.592-34.903 11.777-62.134 1.195-27.322 1.478-36.048 1.344-105.556-.133-69.516-.447-78.225-1.741-105.523-1.294-27.255-5.657-45.844-12.019-62.118-6.577-16.829-15.352-31.079-29.602-45.287-14.25-14.192-28.55-22.935-45.404-29.429-16.29-6.305-34.903-10.601-62.15-11.779C333.747.164 325.03-.102 255.506.031c-69.507.133-78.224.431-105.529 1.742z"/></svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg xmlns="http://www.w3.org/2000/svg"
aria-label="itch.io" role="img"
viewBox="0 0 512 512">
<!-- <rect-->
<!--width="512" height="512"-->
<!--rx="15%"-->
<!--fill="#ffffff"/>-->
<path fill="#fff" d="M118 95c-16 10-49 47-49 56v16c0 21 19 38 36 38 21 0 38-17 38-37 0 20 17 37 38 37 20 0 36-17 36-37 0 20 18 37 39 37s39-17 39-37c0 20 16 37 36 37 21 0 38-17 38-37 0 20 17 37 38 37 17 0 36-17 36-38v-16c0-9-33-46-49-56a3511 3511 0 00-276 0zm99 101l-7 9a43 43 0 01-68-9l-7 9c-8 8-19 13-31 13l-4-1-2 46v18c0 36-4 118 16 138 30 7 86 10 142 10s112-3 142-10c20-20 16-102 16-138v-18l-2-46-4 1c-12 0-23-5-31-13l-7-9-7 9a43 43 0 01-68-9 43 43 0 01-38 22h-1-1a43 43 0 01-38-22zm-31 40c12 0 23 0 37 15l33-2 33 2c14-15 25-15 37-15 6 0 29 0 45 46l18 63c13 46-4 47-26 47-31-1-49-24-49-47a371 371 0 01-117 0c1 23-17 46-48 47-22 0-39-1-26-47l18-63c16-46 39-46 45-46zm70 36s-33 31-39 42l22-1v19h34v-19l22 1c-6-11-39-42-39-42z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 509.64">
<!-- <rect width="512" height="509.64" rx="115.61" ry="115.61"/>-->
<path fill="#fff" d="M204.97 197.54h64.69v33.16h.94c9.01-16.16 31.04-33.16 63.89-33.16 68.31 0 80.94 42.51 80.94 97.81v116.92h-67.46l-.01-104.13c0-23.81-.49-54.45-35.08-54.45-35.12 0-40.51 25.91-40.51 52.72v105.86h-67.4V197.54zm-38.23-65.09c0 19.36-15.72 35.08-35.08 35.08-19.37 0-35.09-15.72-35.09-35.08 0-19.37 15.72-35.08 35.09-35.08 19.36 0 35.08 15.71 35.08 35.08zm-70.17 65.09h70.17v214.73H96.57V197.54z"/>
</svg>

After

Width:  |  Height:  |  Size: 707 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 417 512.238"><path fill="#fff" fill-rule="nonzero" d="M171.274 344.942h74.09v167.296h-74.09V344.942zM0 173.468h126.068l-89.622-85.44 49.591-50.985 85.439 87.829V0h74.086v124.872L331 37.243l49.552 50.785-89.58 85.241L417 173.268v70.502H290.252l90.183 87.63L331 381.192 208.519 258.11 86.037 381.192l-49.591-49.591 90.218-87.631H0v-70.502z"/></svg>

After

Width:  |  Height:  |  Size: 546 B

View File

@ -10,6 +10,7 @@
<title>Club Conjure</title>
<link rel="stylesheet" type="text/css" href="./css/main.min.css">
<link rel="icon" type="image/x-icon" href="./img/favicon.ico" />
</head>
<body>
<header class="logo-container">
@ -38,8 +39,24 @@
<!--<a href="../en" class="menu-item-always-open language-icon">
<span>EN</span>
</a>-->
<a href="https://www.facebook.com/ConjureETS/" class="menu-item-always-open">
<img src="./img/icons/facebook.png" alt="Facebook"/>
<a href="https://instagram.com/conjure_ets/" target="_blank" rel="noopener noreferrer" class="menu-item">
<div class="icon-centerer">
<img src="img/icons/instagram.svg" alt="Instagram" class="icon-32"/>
</div>
</a>
<a href="https://linkedin.com/company/conjure-ets" target="_blank" rel="noopener noreferrer" class="menu-item">
<img src="img/icons/linkedin.svg" alt="LinkedIn"/>
</a>
<!-- <a href="https://www.facebook.com/ConjureETS/" target="_blank" rel="noopener noreferrer" class="menu-item">-->
<!-- <img src="./img/icons/facebook.png" alt="Facebook"/>-->
<!-- </a>-->
<a href="https://conjure.itch.io" target="_blank" rel="noopener noreferrer" class="menu-item">
<img src="img/icons/itch-io.svg" alt="Itch.io" />
</a>
<a href="https://linktr.ee/conjureetsmtl" target="_blank" rel="noopener noreferrer" class="menu-item-always-open">
<div class="icon-centerer">
<img src="img/icons/linktree.svg" alt="Linktree" class="icon-32"/>
</div>
</a>
<a href="mailto:conjure@ens.etsmtl.ca" class="menu-item-always-open">
<img src="./img/icons/email.png" alt="Courriel"/>
@ -66,14 +83,14 @@
<p>En plus d'avoir des membres avec de l'expérience dans l'industrie, nous offrons à nos membres une multitude de formations sous différents langages et disciplines, dont une formation intégrale pour Unreal Engine et les conférences au MIGS.</p>
</div>
<div class="column is-one-third-tablet is-full-mobile">
<img class="is-quarter" src="./img/remote.png" alt="Équippement">
<img class="is-quarter" src="./img/remote.png" alt="Équipement">
<h3>Équipement</h3>
<p>Le club offre aux membres tout l'équipement nécessaire pour produire vos jeux. Cela inclut une installation complète de réalité virtuelle.</p>
</div>
<div class="column is-one-third-tablet is-full-mobile">
<img class="is-quarter" src="./img/medal.png" alt="Compétitions">
<h3>Compétitions</h3>
<p>En tant que membres, vous serez accomodés pour les divers compétitions et événement que le club permet d'assister. Cela donne accès à diverses opportunités de réseautage.</p>
<p>En tant que membres, vous serez accommodés pour les divers compétitions et événement que le club permet d'assister. Cela donne accès à diverses opportunités de réseautage.</p>
</div>
</div>
<div class="columns is-centered">
@ -86,7 +103,6 @@
1219 William, Montreal<br/>
Local D-2020<br/>
<a href="mailto:conjure@ens.etsmtl.ca">conjure@ens.etsmtl.ca</a><br/>
<a href="tel:5143968800">(514) 396-8800 poste: #7713</a>
</address>
</div>
<div class="column is-half-tablet is-full-mobile sub-section-members">

View File

@ -269,6 +269,9 @@ section#competitions {
width: 48px;
height: 48px;
opacity: 0.75;
background-color: #ffffff00;
border: none;
box-shadow: none;
&:hover {
opacity: 1;

View File

@ -3,7 +3,7 @@ $fg: #115FA2;
$pi: 3.14;
//config
$menu-items: 3;
$menu-items: 6;
$menu-items-always-open: 3;
$open-distance: 105px;
$opening-angle: $pi*2;
@ -31,6 +31,11 @@ $item-spacing: 64px;
height: 42px;
margin: 5px;
}
img.icon-32 {
width: 32px;
height: 32px;
}
}
%item-hover {
@ -65,7 +70,7 @@ $item-spacing: 64px;
}
@for $i from 1 through $menu-items-always-open {
.menu-item-always-open:nth-of-type(#{$i+3}) {
.menu-item-always-open:nth-of-type(#{$i+$menu-items}) {
opacity: $default-opacity;
top: 20px + $item-spacing*$i;
@ -193,3 +198,10 @@ $item-spacing: 64px;
}
}
.icon-centerer {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}