Skip to content

Commit ee572ff

Browse files
mountainbug95mountainbug95
committed
initialize-theme
0 parents  commit ee572ff

99 files changed

Lines changed: 15315 additions & 0 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.stackbit/images/demo-1024x768.png‎

133 KB
Loading

‎.stackbit/images/demo-256x192.png‎

29.3 KB
Loading

‎README.md‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
# Phantom
2+
3+
A multipage theme with posts for Stackbit. [Live Demo](https://themes.stackbit.com/demos/phantom)
4+
5+
[![Create with Stackbit](https://assets.stackbit.com/badge/create-with-stackbit.svg)](https://app.stackbit.com/create?theme=https://github.com/stackbithq/stackbit-theme-phantom)
6+
7+
### Turn themes into CMS-powered websites
8+
9+
[Stackbit](https://www.stackbit.com/) provisions your theme's content model with a growing selection of headless CMS and pulls the content for you in the format your static site generator expects it. This is powered by a single config file, [stackbit.yaml](https://docs.stackbit.com/uniform/stackbit-yaml/), which defines a [Uniform theme model](https://docs.stackbit.com/uniform/) and enables integration with CMS like Contentful, DatoCMS, Forestry, NetlifyCMS, etc.
10+
11+
### One theme codebase converts to multiple Static Site Generators
12+
13+
This theme in particular is written in [Unibit](https://docs.stackbit.com/unibit/), a superset of static site generators. Unibit's powerful transpiling engine enables you to write once and stay SSG agnostic. Themes will automatically work with new generators as they are added and can currently convert to Jekyll, Hugo & Gatsby.
14+
15+
## Quickstart
16+
17+
### Unibit CLI
18+
19+
Develop locally using the Unibit CLI.
20+
21+
```
22+
npm install -g @stackbit/unibit
23+
```
24+
25+
Start the local development server.
26+
27+
```
28+
unibit develop
29+
```
30+
31+
Compile a production build into the `public` folder.
32+
33+
```
34+
unibit build
35+
```
36+
37+
### CodeSandbox
38+
39+
Develop this theme in the browser using CodeSandbox.
40+
41+
[Fork in CodeSandbox](https://codesandbox.io/s/github/stackbithq/stackbit-theme-phantom)

‎components/contact.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<section>
2+
<h2>{{ site.data.contact.title }}</h2>
3+
<form method="post" action="#">
4+
<div class="fields">
5+
<div class="field half">
6+
<input type="text" name="name" id="name" placeholder="Name" />
7+
</div>
8+
<div class="field half">
9+
<input type="email" name="email" id="email" placeholder="Email" />
10+
</div>
11+
<div class="field">
12+
<textarea name="message" id="message" placeholder="Message"></textarea>
13+
</div>
14+
</div>
15+
<ul class="actions">
16+
<li><input type="submit" value="Send" class="primary" /></li>
17+
</ul>
18+
</form>
19+
</section>

‎components/footer.html‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!-- Footer -->
2+
<footer id="footer">
3+
<div class="inner">
4+
{% if site.data.contact.enabled %}
5+
{% include "contact.html" %}
6+
{% endif %}
7+
{% if site.data.social.enabled %}
8+
{% include "social.html" %}
9+
{% endif %}
10+
<ul class="copyright">
11+
<li>
12+
{{ site.data.footer.copyright | safe }}
13+
&nbsp;
14+
{% for link in site.data.footer.links %}
15+
<a href="{{ link.url }}" {% if link.new_window %}target="_blank" rel="noopener"
16+
{% endif %}>{{ link.text }}</a>.
17+
{% endfor %}
18+
</li>
19+
</ul>
20+
</div>
21+
</footer>

‎components/header.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!-- Header -->
2+
<header id="header">
3+
<div class="inner">
4+
5+
<!-- Logo -->
6+
<a href="{{ '/' | relative_url }}" class="logo">
7+
<span class="symbol"><img src="{{ site.data.header.logo_img_src | relative_url }}" alt="" /></span><span class="title">{{ site.title }}</span>
8+
</a>
9+
10+
<!-- Nav -->
11+
<nav>
12+
<ul>
13+
<li><a href="#menu">Menu</a></li>
14+
</ul>
15+
</nav>
16+
17+
</div>
18+
</header>

‎components/html_head.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.title }}</title>
2+
<meta charset="utf-8" />
3+
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
4+
<link rel="stylesheet" href="{{ 'assets/css/main.css' | relative_url }}" />
5+
<link rel="stylesheet" href="{{ 'assets/css/markdown-images.css' | relative_url }}" />
6+
<noscript><link rel="stylesheet" href="{{ 'assets/css/noscript.css' | relative_url }}" /></noscript>

‎components/menu.html‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!-- Menu -->
2+
<nav id="menu">
3+
<div class="inner">
4+
<h2>Menu</h2>
5+
<ul>
6+
{% for item in site.menus.main %}
7+
<li><a href="{{ item.url | relative_url }}">{{ item.title }}</a></li>
8+
{% endfor %}
9+
</ul>
10+
</div>
11+
<a class="close" href="#menu">Close</a>
12+
</nav>

‎components/post_body.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<!-- Scripts -->
2+
<script src="{{ 'assets/js/jquery.min.js' | relative_url }}"></script>
3+
<script src="{{ 'assets/js/browser.min.js' | relative_url }}"></script>
4+
<script src="{{ 'assets/js/breakpoints.min.js' | relative_url }}"></script>
5+
<script src="{{ 'assets/js/util.js' | relative_url }}"></script>
6+
<script src="{{ 'assets/js/main.js' | relative_url }}"></script>

‎components/social.html‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<section>
2+
<h2>{{ site.data.social.title }}</h2>
3+
<ul class="icons">
4+
{% for link in site.data.social.follow_section %}
5+
<li><a href="{{ link.link_url }}" class="icon style2 {{ link.icon }}"><span class="label">{{ link.title }}</span></a></li>
6+
{% endfor %}
7+
</ul>
8+
</section>

0 commit comments

Comments
 (0)