csdu.github.io/index.html at master · csdu/csdu.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <title>ducs.in</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Un-official student managed website of Department of Computer Science, University of Delhi.">
  <style>
*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:#000}body{background:#9124F2;display:flex;flex-direction:column;min-height:100vh;font-family:"Fira Mono",monospace;font-size:16px}.logo{font-size:3rem;font-size:calc(16px + 3vw);background:#000;color:#fff;width:75vw;max-width:660px;margin:3rem auto;box-shadow:10px 10px 0 rgba(0,0,0,0.2)}.logo .title{padding:3rem}.logo .title:before{display:inline-block;content:"$";color:rgba(255,255,255,0.8);margin-right:1rem}.logo .title:after{display:inline-block;content:"\2588";animation:blink 1s steps(5,start) infinite}@keyframes blink{to{visibility:hidden}}.links{display:flex;flex-wrap:wrap;max-width:1500px;width:90vw;margin:1rem auto;box-shadow:10px 10px 0 rgba(0,0,0,0.2)}.links a{display:block;width:50%;padding:2rem;background:#fff;color:#000;box-shadow:0 0 10px 0 rgba(0,0,0,0.2)}.links a h2{font-size:24px;font-size:calc(16px + 1.5vw)}.links a:hover{background:#eee;cursor:pointer}.links a.color1{background:#7cefbd}.links a.color1:hover{background:#65ecb2}.links a.color2{background:#f9d877}.links a.color2:hover{background:#f8d15f}.about{max-width:800px;margin:3rem auto 1rem;width:90vw;background:#fff;padding:2rem;box-shadow:-10px -10px 0 rgba(0,0,0,0.2)}.copyright{background:rgba(0,0,0,0.2);width:100%;padding:1.5rem;text-align:center;color:#fff;margin-top:auto;align-self:flex-end}@media screen and (max-width: 800px){.logo{max-width:90vw}.links a{width:100%}}
  </style>
</head>

<body>
  <header class="logo" title="Delhi University - Computer Science">
    <div class="title">du -cs</div>
  </header>
  <div class="links">
    <a class="color1" href="https://sankalan.ducss.tech/">
      <h2>Sankalan 2025</h2>
      <p>Sankalan is the annual tech fest of DUCS.</p>
    </a>
    <a class="color2" href="/srijan">
      <h2>Srijan 2023</h2>
      <p>Srijan is annual magazine of DUCS.</p>
    </a>
  </div>
  <div class="about">
    <p><strong>www.ducs.in</strong> is the official un-official student managed website of Department of Computer Science, University of Delhi (aka DUCS).</p>
  </div>
  <div class="copyright">
    <p>Copyright 2025. Delhi University Computer Science Society.</p>
  </div>


</body></html>