SonicGalactic.github.io/index.html at main · SonicGalactic/SonicGalactic.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
<!DOCTYPE html>
<html>
  <head>
    <title>Sonic Galactic</title>
    <link rel="stylesheet" href="index.css">
    <link rel="icon" href="icon.png">
  </head>

  <header class="sitenav">
  <a class="cornerlogo" href="./index.html"><img src="galacticlogo_horizontal.png" width=240px;></div>

  <nav class="navbar">
    <a class="naventry" href="./download.html"><b>Download</b></a>
    <a class="naventry" href="./characters.html"><b>Characters</b></a>
    <a class="naventry" href="./wip.html"><b>About</b></a>
    <a class="naventry" href="./story.html"><b>Story</b></a>
    <a class="naventry" href="./wip.html"><b>Media</b></a>
    <a class="naventry" href="./socials.html"><b>Socials</b></a>
  </nav>
</header>

  <span class="circle"></span>
  <div class="green-triangle"></div>
  <div class="red-triangle"></div>
  <body class="sitebody">
    <img src="./starteam.png">
    <img src="./galactic-logo.png">
    <p> <b>*NOT affiliated with Sonic Team or SEGA Enterprises</b></p><br>

    <div class="blueteeth"></div>
    <div class="bluebar">

      <div class="skewed-div">
        <h1 class="skewed-header">
          <div class="skewed-subbar"></div>
            SONIC'S BACK IN ACTION!
          <div class="skewed-subbar">
            <b class="skewed-subheader">32-BIT POWER</b>
          </div>
        </h1>
      </div>

      <img class="gameplay-prev preview-1" src="titlescreen.png">

      <div class="text-section" style="top: 1150px; left: 6%;">
        <p class="text-dark">
          <b>Sonic Galactic</b> is a fan-made interpretation of what a 2D-sidescrolling entry in the Sonic series
          could have looked like on 32-bit, 5th Generation hardware. Sporting clean,
          hand-pixeled backgrounds and fluid animation, the game aims for an aesthetic that pays tribute to the best
          of the era.<br><br>

          Think of the game as a "what-if" scenario: an imagining of what Sonic Team could have potentially produced on
          the SEGA Saturn!<br><br>

          While authenticity to hardware limitations is considered, <b>Sonic Galactic</b> draws from a number inspirations,
          not letting itself be limited to purely what systems of the time were capable of, nor what SEGA themselves would
          have necessarily done.<br><br>

          With new zones, new concepts, new characters, a new setting, and more, Galactic aims to put its own unique spin on the
          classic 2D Sonic formula, continuing both the storyline and gameplay set forth from the classic Genesis/Mega Drive games.
        </p>
      </div>
    </div>

    <div class="indigoteeth"></div>

    <div class="indigobar bar2">
      <div align="center" style="width: 100%; display: block;">
        <img class="gameplay-prev2" src="mpv-shot0001.png">
        <img class="gameplay-prev2" src="mpv-shot0002.png">
        <img class="gameplay-prev2" src="mpv-shot0003.png">
        <img class="gameplay-prev2" src="mpv-shot0004.png">
        <img class="gameplay-prev2" src="mpv-shot0005.png">
        <img class="gameplay-prev2" src="bonus.png">
      </div>
    </div>

    <!-- https://stackoverflow.com/questions/4919076/outline-effect-to-text -->
    <div class="indigobar" style="display: block; height: 600px;">
      <h1 class="outline-text">WELCOME TO THE WORLD OF GALACTIC</h1>
      <h1 class="outline-text">WELCOME TO THE WORLD OF GALACTIC</h1>
      <h1 class="welcome-text">WELCOME TO THE WORLD OF GALACTIC</h1>
      <h1 class="outline-text">WELCOME TO THE WORLD OF GALACTIC</h1>
      <h1 class="outline-text">WELCOME TO THE WORLD OF GALACTIC</h1>
      <h1 class="outline-text">WELCOME TO THE WORLD OF GALACTIC</h1>
    </div>

    <div class="indigobar" style="height: 500px;">
      <div align="center" class="download-button">
        <a class="download-text" href="./download.html">
        DOWNLOAD DEMO 2<br>
        <img class="download-icon" src="./download.png" style="width: 350px;">
        </a>
      </div>
    </div>


        <div class="indigobar">
      <p class="sitefooter">Sonic Galactic and Starteam are <b>NOT</b> affiliated with Sonic Team or SEGA Enterprises. This is a fangame, developed
      without involvement from SEGA, without intent to profit in any fashion. Please support both SEGA and official Sonic the Hedgehog
      releases.</p>
    </div>
  </body>

</html>