redeclipse.github.io/index.html at master · redeclipse/redeclipse.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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
---
title: A free arena shooter featuring parkour
layout: home
permalink:
redirect_from:
  - /home
---
<div class="hero">
    <div class="hero-background">
        <img src="/bits/redeclipse-large.png" class="img-responsive hero-logo" alt="{{ site.title }}">
        <div class="hero-button">
            <a href="/steam" class="btn btn-primary btn-hero-steam">
                <p class="download">{% include icon.html name="steam" %} FREE DOWNLOAD</p>
                <p class="version">v{{ site.data.game.version }} ({{ site.data.game.release }})</p>
            </a>
        </div>
        <p class="version hero-nosteam"><a href="/download">Install {{ site.title }} without Steam</a></p>
        <h2 class="headline"><b>A free</b></h2>
        <h1 class="main-headline"><b>arena shooter</b></h1>
        <div class="feature-box">
            <h3>Accessible to everyone</h3>
            <h3>Available for Windows, Linux, BSD and macOS</h3>
            <h3>A movement system with a very high skill ceiling</h3>
            <h3>A huge amount of mutators and game altering variables</h3>
            <h3>Create maps with other players, in real-time coop</h3>
            <h3>Over {{ site.time | date: "%Y" | minus: 2009 }} years of active development</h3>
        </div>
        <div class="hero-button">
            <a href="/discord" class="btn btn-primary btn-hero-discord">
                <p class="download">{% include icon.html name="discord" %} JOIN THE COMMUNITY</p>
                <p class="version">Chat with other players on Discord</p>
            </a>
        </div>
    </div>
</div>
<div class="row home-media">
    <div class="col-xs-12 col-md-6">
        <div class="embed-responsive embed-responsive-16by9">
            <iframe class="embed-responsive-item" src="https://www.youtube-nocookie.com/embed/{{ site.data.game.youtube }}" title="{{ site.title }} trailer" loading="lazy" allow="encrypted-media; picture-in-picture; fullscreen" allowfullscreen></iframe>
        </div>
    </div>
    <div class="col-xs-12 col-md-6">
        <div class="shots">
            <div class="shots-track" tabindex="0" role="region" aria-label="Screenshots">
                {% assign shotpages = site.data.game.screenshots.pages | default: 20 | plus: 1 %}
                {% assign shotcount = site.data.game.screenshots.items | default: 4 | times: shotpages %}
                {% for k in (1..shotcount) %}
                {% assign m = k | prepend: '00' | slice: -3, 3 %}
                <a class="shots-item" href="/bits/images/{{ m }}.jpg"><img src="/bits/slides/{{ m }}.jpg" srcset="/bits/thumbs/{{ m }}.jpg 480w, /bits/slides/{{ m }}.jpg 1280w" sizes="(min-width: 992px) 50vw, 100vw" alt="Screenshot {{ k }} of {{ shotcount }}"{% if k > 1 %} loading="lazy"{% endif %}></a>
                {% endfor %}
            </div>
            <button type="button" class="shots-prev" aria-label="Previous screenshot">{% include icon.html name="chevron-left" %}</button>
            <button type="button" class="shots-next" aria-label="Next screenshot">{% include icon.html name="chevron-right" %}</button>
        </div>
    </div>
</div>
<div class="row texte">
    <div class="col-xs-12 col-sm-4 col-md-4">
        <p>{{ site.title }} is a movement focused arena shooter, inspired by old-school classics like Quake and Unreal Tournament, but with its own unique flavor. We develop the game with a focus on balanced and varied weapons, with the in-depth movement/parkour system adding a big touch of skill expression for those who master it.</p>
    </div>
    <div class="col-xs-12 col-sm-4 col-md-4">
        <p>If you have any suggestions to give us, or maybe even want to help us develop the game, don't hesitate to drop by our <a href="/discord">Discord</a> or <a href="/discuss">Discussions</a> to talk to us! We work closely and try to maintain a standard of friendly behavior in our <a href="/discord">community</a>. So don't be afraid to join us and tell us your thoughts!</p>
    </div>
    <div class="col-xs-12 col-sm-4 col-md-4">
        <p>It's a completely free and Open Source game, based on <a href="http://cubeengine.com/">Cube 2</a>; specifically, <a href="http://cubeengine.com/">Sauerbraten</a> and <a href="http://tesseract.gg/">Tesseract</a>, using <a href="http://libsdl.org/">SDL 2</a> and <a href="http://opengl.org/">OpenGL</a>, which allows it to be ported to many platforms. It's not just available on <a href="/steam">Steam</a>; for those who wish to make the most of the fact {{ site.title }} is Open Source, you can <a href="/download">download a package</a> for Windows, GNU/Linux, BSD and macOS.</p>
    </div>
    <div class="col-xs-12 col-sm-4 col-md-4 support content-box">
        <h4>Support Us</h4>
        <p class="donatemsg">{{ site.title }} is developed by volunteers, and you get it free of charge; your contributions keep this project alive. You're encouraged to get involved with the community and <a href="/contribute">help evolve the game</a>.</p>
    </div>
    <div class="col-xs-12 col-sm-4 col-md-4 donate content-box">
        <h4>Donate</h4>
        <div class="donate-links">
            <a href="/opencollective" class="donate-link">
                {% include icon.html name="dollar-sign" class="donate-icon" %}
                <span class="donate-text">Open Collective</span>
            </a>
            <a href="/donate" class="donate-link">
                {% include icon.html name="paypal" class="donate-icon" %}
                <span class="donate-text">PayPal</span>
            </a>
        </div>
    </div>
    <div class="col-xs-12 col-sm-4 col-md-4 affiliate content-box">
        <h4>Affiliate</h4>
        <a href="http://cubeengine.com/"><img src="/bits/cube2.png" class="img-responsive img-cube2" alt="Cube Engine 2"></a>
        <a href="http://tesseract.gg/"><img src="/bits/tesseract.png" class="img-responsive img-tesseract" alt="Tesseract"></a>
    </div>
    <div class="col-xs-12 social-links">
        {% for social in site.data.extlinks %}
        <a href="{{ social.url }}" title="{{ social.title }}">{% include icon.html name=social.icon %}<span class="sr-only">{{ social.title }}</span></a>
        {% endfor %}
    </div>
</div>
<dialog class="lightbox" aria-label="Screenshot">
    <div class="lightbox-head">
        <h4>Screenshot <span class="lightbox-count"></span></h4>
        <button type="button" class="lightbox-close" aria-label="Close">{% include icon.html name="xmark" %}</button>
    </div>
    <div class="lightbox-body">
        <p class="lightbox-loading" hidden>Loading…</p>
        <img alt="">
        <button type="button" class="lightbox-prev" aria-label="Previous screenshot">{% include icon.html name="chevron-left" %}</button>
        <button type="button" class="lightbox-next" aria-label="Next screenshot">{% include icon.html name="chevron-right" %}</button>
    </div>
</dialog>