CECI

CECI/Recent content on CECIHugoen-us<link>/info/logo1/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/info/logo1/</guid><description><style> .ceci-hero { position: relative; padding: 4.2rem 1.25rem 1.6rem; overflow: hidden; background: none !important; } .ceci-hero::before { content: ""; position: absolute; inset: -18% 6% auto 6%; height: 460px; background: none; pointer-events: none; filter: none; } .ceci-hero-shell { max-width: 1000px; margin: 0 auto; position: relative; z-index: 1; padding-bottom: 1.4rem; } .ceci-hero-card { border-radius: 36px; padding: 1.6rem 1.8rem 3.2rem; color: #fff; background: var(--color-primary); box-shadow: none; border: 1px solid rgba(255, 255, 255, 0.18); } .ceci-hero-top { display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap; } .ceci-hero-brand { flex: 0 0 auto; } .ceci-hero-brand-logo { height: 86px; width: auto; max-width: min(100%, 220px); object-fit: contain; background: none; padding: 0; border: none; box-shadow: none; filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.35)); } .ceci-hero-copy { flex: 1 1 420px; min-width: 260px; } .ceci-hero-title, .ceci-hero-title * { font-size: var(--text-3xl); line-height: var(--leading-tight); font-weight: var(--font-bold); color: #ffffff !important; margin: 0 0 0.4rem; } .ceci-hero-subtitle { margin: 0 0 1rem; opacity: 0.92; font-size: var(--text-sm); color: #ffffff !important; } .ceci-hero-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 210px)); gap: 0.7rem; justify-content: center; } .ceci-hero-action *, .ceci-hero-action-title, .ceci-hero-action-sub { color: inherit !important; opacity: 1 !important; } .ceci-hero-action { display: block; position: relative; border-radius: 24px; padding: 1rem 0.9rem 0.95rem; text-decoration: none; background: #f4f7fa; border: 1px solid rgba(41, 128, 185, 0.14); color: #103652 !important; box-shadow: 0 14px 28px rgba(17, 71, 113, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7); transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; } .ceci-hero-action-icon { width: 72px; height: 72px; margin-bottom: 0.7rem; object-fit: contain; filter: drop-shadow(0 8px 14px rgba(17, 71, 113, 0.14)); } .ceci-hero-action-icon--dark { display: none; } .ceci-hero-action:hover { border-color: rgba(41, 128, 185, 0.28); transform: translateY(-4px); box-shadow: 0 18px 34px rgba(17, 71, 113, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.8); } .ceci-hero-action-title { display: block; font-weight: var(--font-bold); font-size: 1.02rem; margin-bottom: 0.26rem; } .ceci-hero-action-sub { display: block; font-size: 0.86rem; color: #4d6b82 !important; opacity: 1; line-height: 1.45; } .ceci-hero-actions--below { position: relative; z-index: 2; margin-top: -2.4rem; padding: 0 1.2rem; max-width: 960px; margin-left: auto; margin-right: auto; } :root[data-theme="dark"] .ceci-hero::before { inset: -12% 6% auto 6%; height: 420px; background: none; } :root[data-theme="dark"] .ceci-hero-card { background: radial-gradient(circle at top right, rgba(138, 197, 255, 0.13), transparent 32%), linear-gradient(135deg, #1a2737 0%, #16324a 52%, #11273b 100%); border-color: rgba(138, 197, 255, 0.24); box-shadow: none; } :root[data-theme="dark"] .ceci-hero-action { background: #0f1720; border-color: rgba(138, 197, 255, 0.2); color: #ffffff !important; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28); } :root[data-theme="dark"] .ceci-hero-action-sub { color: rgba(255, 255, 255, 0.72) !important; } :root[data-theme="dark"] .ceci-hero-action:hover { background: #162431; border-color: rgba(138, 197, 255, 0.34); box-shadow: 0 18px 34px rgba(0, 0, 0, 0.32); } :root[data-theme="dark"] .ceci-hero-action-icon--light { display: none; } :root[data-theme="dark"] .ceci-hero-action-icon--dark { display: block; } @media (max-width: 980px) { .ceci-hero-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .ceci-hero { padding: 3rem 1rem 1.2rem; } .ceci-hero-card { border-radius: 28px; padding: 1.3rem 1.2rem 2rem; } .ceci-hero-title, .ceci-hero-title * { font-size: var(--text-2xl); } .ceci-hero-actions { grid-template-columns: 1fr; } .ceci-hero-actions--below { margin-top: -1.3rem; padding: 0 0.6rem; } } </style> <section class="ceci-hero"> <div class="ceci-hero-shell"> <div class="ceci-hero-card"> <div class="ceci-hero-top"> <div class="ceci-hero-brand"> <img src="/images/ceci-logo-chip_italic-dark.svg" alt="CÉCI logo" class="ceci-hero-brand-logo" /> </div> <div class="ceci-hero-copy"> <h1 class="ceci-hero-title"> Consortium des Équipements<br/>de Calcul Intensif </h1> <p class="ceci-hero-subtitle"> 6 clusters · 10k+ CPU cores · 1 login </p></description></item><item><title/><link>/info/logo2/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/info/logo2/</guid><description><style> .ceci-hero { position: relative; padding: 4.2rem 1.25rem 1.6rem; overflow: hidden; background: none !important; } .ceci-hero::before { content: ""; position: absolute; inset: -18% 6% auto 6%; height: 460px; background: none; pointer-events: none; filter: none; } .ceci-hero-shell { max-width: 1000px; margin: 0 auto; position: relative; z-index: 1; padding-bottom: 1.4rem; } .ceci-hero-card { border-radius: 36px; padding: 1.6rem 1.8rem 3.2rem; color: #fff; background: var(--color-primary); box-shadow: none; border: 1px solid rgba(255, 255, 255, 0.18); } .ceci-hero-top { display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap; } .ceci-hero-brand { flex: 0 0 auto; } .ceci-hero-brand-logo { height: 86px; width: auto; max-width: min(100%, 220px); object-fit: contain; background: none; padding: 0; border: none; box-shadow: none; filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.35)); } .ceci-hero-copy { flex: 1 1 420px; min-width: 260px; } .ceci-hero-title, .ceci-hero-title * { font-size: var(--text-3xl); line-height: var(--leading-tight); font-weight: var(--font-bold); color: #ffffff !important; margin: 0 0 0.4rem; } .ceci-hero-subtitle { margin: 0 0 1rem; opacity: 0.92; font-size: var(--text-sm); color: #ffffff !important; } .ceci-hero-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 210px)); gap: 0.7rem; justify-content: center; } .ceci-hero-action *, .ceci-hero-action-title, .ceci-hero-action-sub { color: inherit !important; opacity: 1 !important; } .ceci-hero-action { display: block; position: relative; border-radius: 24px; padding: 1rem 0.9rem 0.95rem; text-decoration: none; background: #f4f7fa; border: 1px solid rgba(41, 128, 185, 0.14); color: #103652 !important; box-shadow: 0 14px 28px rgba(17, 71, 113, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7); transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; } .ceci-hero-action-icon { width: 72px; height: 72px; margin-bottom: 0.7rem; object-fit: contain; filter: drop-shadow(0 8px 14px rgba(17, 71, 113, 0.14)); } .ceci-hero-action-icon--dark { display: none; } .ceci-hero-action:hover { border-color: rgba(41, 128, 185, 0.28); transform: translateY(-4px); box-shadow: 0 18px 34px rgba(17, 71, 113, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.8); } .ceci-hero-action-title { display: block; font-weight: var(--font-bold); font-size: 1.02rem; margin-bottom: 0.26rem; } .ceci-hero-action-sub { display: block; font-size: 0.86rem; color: #4d6b82 !important; opacity: 1; line-height: 1.45; } .ceci-hero-actions--below { position: relative; z-index: 2; margin-top: -2.4rem; padding: 0 1.2rem; max-width: 960px; margin-left: auto; margin-right: auto; } :root[data-theme="dark"] .ceci-hero::before { inset: -12% 6% auto 6%; height: 420px; background: none; } :root[data-theme="dark"] .ceci-hero-card { background: radial-gradient(circle at top right, rgba(138, 197, 255, 0.13), transparent 32%), linear-gradient(135deg, #1a2737 0%, #16324a 52%, #11273b 100%); border-color: rgba(138, 197, 255, 0.24); box-shadow: none; } :root[data-theme="dark"] .ceci-hero-action { background: #0f1720; border-color: rgba(138, 197, 255, 0.2); color: #ffffff !important; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28); } :root[data-theme="dark"] .ceci-hero-action-sub { color: rgba(255, 255, 255, 0.72) !important; } :root[data-theme="dark"] .ceci-hero-action:hover { background: #162431; border-color: rgba(138, 197, 255, 0.34); box-shadow: 0 18px 34px rgba(0, 0, 0, 0.32); } :root[data-theme="dark"] .ceci-hero-action-icon--light { display: none; } :root[data-theme="dark"] .ceci-hero-action-icon--dark { display: block; } @media (max-width: 980px) { .ceci-hero-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .ceci-hero { padding: 3rem 1rem 1.2rem; } .ceci-hero-card { border-radius: 28px; padding: 1.3rem 1.2rem 2rem; } .ceci-hero-title, .ceci-hero-title * { font-size: var(--text-2xl); } .ceci-hero-actions { grid-template-columns: 1fr; } .ceci-hero-actions--below { margin-top: -1.3rem; padding: 0 0.6rem; } } </style> <section class="ceci-hero"> <div class="ceci-hero-shell"> <div class="ceci-hero-card"> <div class="ceci-hero-top"> <div class="ceci-hero-brand"> <img src="/images/ceci-logo-new-darkbg-alpha.png" alt="CÉCI logo" class="ceci-hero-brand-logo" /> </div> <div class="ceci-hero-copy"> <h1 class="ceci-hero-title"> Consortium des Équipements<br/>de Calcul Intensif </h1> <p class="ceci-hero-subtitle"> 6 clusters · 10k+ CPU cores · 1 login </p></description></item></channel></rss>