studiocentauri.github.io/index.html at master · studiocentauri/studiocentauri.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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
---
layout: page
title: Studio Centauri
permalink: /
---

<!-- Header -->
<section>
  <div id="slider" class="d-flex flex-column align-items-center min-vh-100 container-fluid p-5">
    <div class="my-auto">
      <div class="row">
        <h1 class="animate__animated animate__fadeInUp text-center text-uppercase text-white display-1 fw-bolder">
          studio centauri
        </h1>
      </div>
      <div class="row">
        <h2 class="animate__animated animate__fadeInUp text-uppercase text-center text-white fw-bold">
          Learn. Play. Create.
        </h2>
      </div>
    </div>
  </div>
</section>

<!-- Content -->
<section class="p-5">
  <div class="container-fluid">

    <!-- Learn -->
    <div class="row hover-shadow">
      <div class="col-sm p-5">
        <h2 class="text-uppercase fw-bold color-white">Learn.</h2>
        <h5 class="text-muted">New to game development?</h5>
        <p class="color-white">
          If you're new to game development, our workshops and online articles will help you get started. Whether you're an artist or a programmer, we have a complete set of articles neatly organized as skill trees that help clear up important concepts. These are designed to <em>complement</em> and not <em>replace</em> established tutorials by industry experts.
        </p>
        <a class="btn btn-dark" href="{{ site.baseurl }}/learn" role="button">Learn More</a>
      </div>
      <div class="col-sm p-5">
        <img src="/img/home_learn.png" class="img-fluid home-img"/>
      </div>
    </div>

    <!-- Play -->
    <div class="row hover-shadow play">
      <div class="col-sm p-5">
        <img src="/img/home_projects.png" class="img-fluid home-img" />
      </div>
      <div class="col-sm p-5">
        <h2 class="text-uppercase fw-bold color-white">Play.</h2>
        <h5 class="text-muted">Check out what we've made</h5>
        <p class="color-white">
          Over the last year we've conducted game jams and supported various projects. You can find all of them on our Itch page. Most of our projects are open source* with liberal licenses, so that you can treat them as a reference to learn too.
        </p>
        <a class="btn btn-dark" href="https://studiocentauri.itch.io/" role="button">Learn More</a>
      </div>
    </div>

    <!-- Create -->
    <div class="row hover-shadow">
      <div class="col-sm p-5">
        <h2 class="text-uppercase fw-bold color-white">create.</h2>
        <h5 class="text-muted">Homegrown development tools</h5>
        <p class="color-white">
          Along with making games, we're deeply interested in the tech that powers these games. If you're a seasoned developer, check out <strong>Lotus</strong> our game engine. Join us on our Discord if you're interested in contributing to the project in any way.
        </p>
        <a class="btn btn-dark" href="https://gds.sntiitk.in/lotus/index.html" role="button">Learn More</a>
      </div>
      <div class="col-sm p-5">
        <div class="d-flex align-items-center" style="background-color: #272525;">
          <img src="/img/lotus_logo.png" class="img-fluid home-img mx-auto" />
        </div>
      </div>
    </div>

  </div>
</section>

<p class="small px-5 fst-italic text-muted">* Our Git repositories are self-hosted in-campus and are only available on IIT Kanpur intranet.</p>