Skip to content

Commit 9b3ba46

Browse files
phasephase
committed
Switch to Bootstrap site
Signed-off-by: Jadon Fowler <[email protected]>
1 parent 60bfe19 commit 9b3ba46

File tree

5 files changed

+285
-73
lines changed

5 files changed

+285
-73
lines changed

‎css/bootstrap.css

+11
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/main.css

+174
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,174 @@
1+
/*
2+
* Modified by phase
3+
* Start Bootstrap - Landing Page (http://startbootstrap.com/)
4+
* Copyright 2013-2016 Start Bootstrap
5+
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
6+
*/
7+
8+
body,
9+
html {
10+
width: 100%;
11+
height: 100%;
12+
}
13+
14+
body,
15+
h1,
16+
h2,
17+
h3,
18+
h4,
19+
h5,
20+
h6 {
21+
font-weight: 400;
22+
}
23+
24+
.topnav {
25+
font-size: 14px;
26+
}
27+
28+
.lead {
29+
font-size: 18px;
30+
font-weight: 400;
31+
text-align: justify;
32+
}
33+
34+
.intro-header {
35+
padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
36+
padding-bottom: 50px;
37+
text-align: center;
38+
background: url(../img/index-bg.jpg) no-repeat center center;
39+
background-size: cover;
40+
}
41+
42+
.intro-message {
43+
position: relative;
44+
padding-top: 20%;
45+
padding-bottom: 20%;
46+
}
47+
48+
.intro-message > h1 {
49+
margin: 0;
50+
text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
51+
font-size: 5em;
52+
color: #8DC3FF;
53+
}
54+
55+
.intro-divider {
56+
width: 400px;
57+
border-top: 1px solid #f8f8f8;
58+
border-bottom: 1px solid rgba(0,0,0,0.2);
59+
}
60+
61+
.intro-message > h3 {
62+
text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
63+
color: #8DC3FF;
64+
}
65+
66+
@media(max-width:767px) {
67+
.intro-message {
68+
padding-bottom: 15%;
69+
}
70+
71+
.intro-message > h1 {
72+
font-size: 3em;
73+
}
74+
75+
ul.intro-social-buttons > li {
76+
display: block;
77+
margin-bottom: 20px;
78+
padding: 0;
79+
}
80+
81+
ul.intro-social-buttons > li:last-child {
82+
margin-bottom: 0;
83+
}
84+
85+
.intro-divider {
86+
width: 100%;
87+
}
88+
}
89+
90+
.network-name {
91+
text-transform: uppercase;
92+
font-size: 14px;
93+
font-weight: 400;
94+
letter-spacing: 2px;
95+
}
96+
97+
.content-section {
98+
padding: 50px 0;
99+
background-color: #91C5FF;
100+
border-bottom: 1px solid #1967be;
101+
}
102+
103+
.content-section-inverse {
104+
padding: 50px 0;
105+
background-color: #333;
106+
border-bottom: 1px solid #1967be;
107+
color: lightblue;
108+
}
109+
110+
.section-heading {
111+
margin-bottom: 30px;
112+
}
113+
114+
.section-heading-spacer {
115+
float: left;
116+
width: 200px;
117+
border-top: 3px solid #e7e7e7;
118+
}
119+
120+
.banner {
121+
padding: 100px 0;
122+
color: #f8f8f8;
123+
background: url(../img/banner-bg.jpg) no-repeat center center;
124+
background-size: cover;
125+
}
126+
127+
.banner h2 {
128+
margin: 0;
129+
text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
130+
font-size: 3em;
131+
}
132+
133+
.banner ul {
134+
margin-bottom: 0;
135+
}
136+
137+
.banner-social-buttons {
138+
float: right;
139+
margin-top: 0;
140+
}
141+
142+
@media(max-width:1199px) {
143+
ul.banner-social-buttons {
144+
float: left;
145+
margin-top: 15px;
146+
}
147+
}
148+
149+
@media(max-width:767px) {
150+
.banner h2 {
151+
margin: 0;
152+
text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
153+
font-size: 3em;
154+
}
155+
156+
ul.banner-social-buttons > li {
157+
display: block;
158+
margin-bottom: 20px;
159+
padding: 0;
160+
}
161+
162+
ul.banner-social-buttons > li:last-child {
163+
margin-bottom: 0;
164+
}
165+
}
166+
167+
footer {
168+
padding: 50px 0;
169+
background-color: #f8f8f8;
170+
}
171+
172+
p.copyright {
173+
margin: 15px 0 0;
174+
}

‎img/index-bg.jpg

463 KB
Loading

‎index.html

+99-73
Original file line numberDiff line numberDiff line change
@@ -1,75 +1,101 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
4-
<title>Fountain</title>
5-
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<link rel="stylesheet" href="css/w3.css" type="text/css">
7-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/styles/mono-blue.min.css" type="text/css">
8-
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,600" type="text/css">
9-
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/highlight.min.js"></script>
10-
<script>hljs.initHighlightingOnLoad();</script>
11-
<style>
12-
body {
13-
background-color: #FAFAFA;
14-
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
15-
color: rgb(44, 44, 44);
16-
}
17-
18-
.w3-container {
19-
width: 90%;
20-
margin: auto;
21-
}
22-
23-
.w3-card-4 {
24-
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 -10px 20px 0 rgba(0,0,0,0.09)!important;
25-
}
26-
27-
.box h1 {
28-
color: rgb(73, 147, 197);
29-
}
30-
31-
.hljs {
32-
background: #FAFAFA;
33-
}
34-
35-
@media (max-width : 1000px) {
36-
.w3-container {
37-
width: 90%;
38-
}
39-
}
40-
</style>
41-
</head>
42-
43-
<body class="w3-container">
44-
<div class="w3-container w3-card-4 box w3-section">
45-
<h1>Fountain</h1>
46-
<p>A 'simple but beautiful' Minecraft Server Plugin API</p>
47-
</div>
48-
49-
<div class="w3-container w3-card-4 w3-blue w3-section">
50-
<h2>A new API that looks familiar</h2>
51-
<p>Creating a plugin is as easy as <code>@Plugin</code>.</p>
52-
<pre><code>
53-
@Plugin(name = "Amazing Test Plugin", id="testPlugin", author="phase")
54-
public class TestPlugin {
55-
56-
@EventHandler
57-
public void onEnable(ServerStartEvent event) {
58-
System.out.println("Familiar, yet different in the best ways.");
59-
}
60-
61-
@EventHandler
62-
public void onBlockBreak(BlockBreakEvent event) {
63-
event.getPlayer().sendMessage("You broke a " + event.getBlockState().getBlockType().getName());
64-
}
65-
66-
}
67-
</code></pre>
68-
</div>
69-
70-
<footer class="w3-container w3-card-4 box w3-section">
71-
<p><a class="link" href="https://github.com/FountainMC/">github</a></p>
72-
</footer>
73-
<div class="spacer" style="margin-top: 50px;"></div>
74-
</body>
75-
</html>
3+
<head>
4+
<title>Fountain</title>
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<link rel="stylesheet" href="css/bootstrap.css" type="text/css">
7+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/styles/mono-blue.min.css" type="text/css">
8+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,600" type="text/css">
9+
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
10+
<link rel="stylesheet" href="css/main.css" type="text/css">
11+
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/highlight.min.js"></script>
12+
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
13+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
14+
<script src="js/main.js"></script>
15+
</head>
16+
<body>
17+
<div class="bs-component">
18+
<nav class="navbar navbar-inverse navbar-fixed-top">
19+
<div class="container">
20+
<div class="container-fluid">
21+
<div class="navbar-header">
22+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
23+
<span class="sr-only">Toggle navigation</span>
24+
<span class="icon-bar"></span>
25+
<span class="icon-bar"></span>
26+
<span class="icon-bar"></span>
27+
</button>
28+
<a class="navbar-brand" href="#">Fountain</a>
29+
</div>
30+
<div class="collapse navbar-collapse" id="navbar-collapse">
31+
<ul class="nav navbar-nav navbar-right">
32+
<li class="active"><a href="#">Home<span class="sr-only">(current)</span></a></li>
33+
<li><a href="#downloads">Downloads</a></li>
34+
<li><a href="#https://docs.fountainmc.org/">Documentation</a></li>
35+
<li><a href="https://github.com/FountainMC/">GitHub</a></li>
36+
</ul>
37+
</div>
38+
</div>
39+
</div>
40+
</nav>
41+
</div>
42+
<div class="intro-header">
43+
<div class="container">
44+
<div class="row">
45+
<div class="col-lg-12">
46+
<div class="intro-message">
47+
<h1>Fountain</h1>
48+
<h3 style="color:lightgrey;">The next generation of Minecraft Server modding</h3>
49+
<hr class="intro-divider">
50+
<ul class="list-inline intro-social-buttons">
51+
<li>
52+
<a href="#about" class="btn btn-default btn-lg"><i class="fa fa-question fa-fw"></i> <span class="network-name">About</span></a>
53+
</li>
54+
<li>
55+
<a href="#https://docs.fountainmc.org/" class="btn btn-default btn-lg"><i class="fa fa-book fa-fw"></i> <span class="network-name">Documentation</span></a>
56+
</li>
57+
<li>
58+
<a href="https://github.com/FountainMC" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">GitHub</span></a>
59+
</li>
60+
</ul>
61+
</div>
62+
</div>
63+
</div>
64+
</div>
65+
</div>
66+
<div class="content-section" id="about">
67+
<div class="container">
68+
<div class="row">
69+
<div class="col-lg-5 col-sm-6">
70+
<div class="clearfix"></div>
71+
<h2 class="section-heading">What is Fountain?</h2>
72+
<p class="lead">
73+
The goal of <b>Fountain</b> is to completely revolutionize the Minecraft Server community.
74+
With a simple, focused API, developers can create complex plugins that utilize Minecraft to its fullest potential.
75+
</p>
76+
</div>
77+
<div class="col-lg-5 col-lg-offset-2 col-sm-6">
78+
<img class="img-responsive" src="http://static.planetminecraft.com/files/resource_media/screenshot/1319/minecraft_pvp_3065346_3948500_lrg_4504670_lrg_4848894_lrg_5440676_lrg.jpg" alt="">
79+
</div>
80+
</div>
81+
</div>
82+
</div>
83+
<div class="content-section-inverse" id="speed">
84+
<div class="container">
85+
<div class="row">
86+
<div class="col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6">
87+
<div class="clearfix"></div>
88+
<h2 class="section-heading" style="text-align:right;">Is it fast?</h2>
89+
<p class="lead">
90+
Spigot and <a href="https://github.com/PaperMC/Paper">Paper</a>'s speed improvements are baked in.
91+
Dozens of patches to the Minecraft source have been added to give you a stable, secure, and fast experience.
92+
</p>
93+
</div>
94+
<div class="col-lg-5 col-sm-pull-6 col-sm-6">
95+
<img class="img-responsive" src="http://i.imgur.com/vJRRwdo.png" alt="" style="float:left;">
96+
</div>
97+
</div>
98+
</div>
99+
</div>
100+
</body>
101+
</html>

‎js/main.js

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
hljs.initHighlightingOnLoad();

0 commit comments

Comments
 (0)