lets-collab 0.1.0 → 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +5 -0
- data/Gemfile +2 -0
- data/LICENSE.txt +21 -0
- data/README.md +44 -0
- data/_config.yml +2 -0
- data/_layouts/default.html +24 -0
- data/_layouts/home-page.html +161 -0
- data/_layouts/post.html +3 -0
- data/_sass/base.scss +282 -0
- data/assets/main.scss +4 -0
- data/assets/photo1.jpg +0 -0
- data/assets/photo2.jpg +0 -0
- data/assets/photo3.jpg +0 -0
- data/images/hello-tina-may-logo.png +0 -0
- data/images/logo.png +0 -0
- data/images/photo1.jpg +0 -0
- data/images/photo2.jpg +0 -0
- data/images/photo3.jpg +0 -0
- data/index.html +69 -0
- data/lets-collab.gemspec +17 -0
- metadata +23 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 9e5db664176ce7e760e0316a037c5fa28dc21cc1
|
|
4
|
+
data.tar.gz: cd445266d9fe579a0096906423547ed8653c1ec8
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: c2ee5d4d27346e15df668e9aa61b8d85ee54dc371db2252bdead765b2260c27150a883e371f4be7cee8bc4ccd83f88689b8506247731b08a7177b50c604342f7
|
|
7
|
+
data.tar.gz: 7773a0273733c9f66a5a8bb5944c5d40a4e105adad7206261592c34abd10e6b0c458ec4b2af470086ec192d5139c6ed972e5a709ca49a9ba4f95c66c19c7806a
|
data/.gitignore
ADDED
data/Gemfile
ADDED
data/LICENSE.txt
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
The MIT License (MIT)
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2017 Tina May
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
|
13
|
+
all copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
21
|
+
THE SOFTWARE.
|
data/README.md
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
# media-kit-template
|
|
2
|
+
|
|
3
|
+
Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes` and your sass in `_sass`. To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
|
|
4
|
+
|
|
5
|
+
TODO: Delete this and the text above, and describe your gem
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
Add this line to your Jekyll site's `Gemfile`:
|
|
10
|
+
|
|
11
|
+
```ruby
|
|
12
|
+
gem "lets-collab"
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
And add this line to your Jekyll site's `_config.yml`:
|
|
16
|
+
|
|
17
|
+
```yaml
|
|
18
|
+
theme: lets-collab
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
And then execute:
|
|
22
|
+
|
|
23
|
+
$ bundle
|
|
24
|
+
|
|
25
|
+
Or install it yourself as:
|
|
26
|
+
|
|
27
|
+
$ gem install media-kit-template
|
|
28
|
+
|
|
29
|
+
## Usage
|
|
30
|
+
|
|
31
|
+
TODO: Write usage instructions here. Describe your available layouts, includes, and/or sass.
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
## Development
|
|
35
|
+
|
|
36
|
+
To set up your environment to develop this theme, run `bundle install`.
|
|
37
|
+
|
|
38
|
+
Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
|
|
39
|
+
|
|
40
|
+
When your theme is released, only the files in `_layouts`, `_includes`, and `_sass` tracked with Git will be released.
|
|
41
|
+
|
|
42
|
+
## License
|
|
43
|
+
|
|
44
|
+
The theme is available for use with permission from the team at Institute of Code
|
data/_config.yml
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<!DOCTYPE>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
|
|
5
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gridlex/2.6.0/gridlex.min.css">
|
|
6
|
+
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700|Lato:300,400,600" rel="stylesheet">
|
|
7
|
+
|
|
8
|
+
{{page.custom-font_html}}
|
|
9
|
+
|
|
10
|
+
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
|
|
11
|
+
<link href="/assets/main.css" rel="stylesheet" />
|
|
12
|
+
|
|
13
|
+
<title> {{page.title}}</title>
|
|
14
|
+
<meta type="description" content="{{page.description}}" />
|
|
15
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
16
|
+
<meta property="og:image" content="{{page.social-share-image_path}}" />
|
|
17
|
+
|
|
18
|
+
</head>
|
|
19
|
+
<body>
|
|
20
|
+
|
|
21
|
+
{{content}}
|
|
22
|
+
|
|
23
|
+
</body>
|
|
24
|
+
</html>
|
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
<style>
|
|
7
|
+
h2, a {
|
|
8
|
+
color: {{page.featured_color}};
|
|
9
|
+
}
|
|
10
|
+
hr, a {
|
|
11
|
+
border-color: {{page.featured_color}};
|
|
12
|
+
}
|
|
13
|
+
section.featured {
|
|
14
|
+
background-color: {{page.featured_color}};
|
|
15
|
+
}
|
|
16
|
+
.banner-color {
|
|
17
|
+
background-color: {{page.banner_color}};
|
|
18
|
+
color: {{page.banner-text_color}}
|
|
19
|
+
}
|
|
20
|
+
h1, h2, h3, h4 {
|
|
21
|
+
font-family: '{{page.font-name}}';
|
|
22
|
+
}
|
|
23
|
+
</style>
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
<section class="banner grid banner-color">
|
|
27
|
+
|
|
28
|
+
<div class="col-4_sm-12 inner vertical-align">
|
|
29
|
+
<div>
|
|
30
|
+
{% if page.logo %}
|
|
31
|
+
<img class="logo" src="{{page.logo_path}}" />
|
|
32
|
+
{% else %}
|
|
33
|
+
<h1> {{page.banner-title}} </h1>
|
|
34
|
+
{% endif %}
|
|
35
|
+
<p class="editable mob-hide"> @hellotinamay </p>
|
|
36
|
+
</div>
|
|
37
|
+
<p class="pin-bottom mob-hide"> MEDIA KIT</p>
|
|
38
|
+
</div>
|
|
39
|
+
<div class="col-8_sm-12 bg" style="background-image:url('{{page.banner-image_path}}')">
|
|
40
|
+
<!-- background image -->
|
|
41
|
+
<p class="pin-bottom banner-color mob-show editable"> MEDIA KIT</p>
|
|
42
|
+
</div>
|
|
43
|
+
</section>
|
|
44
|
+
|
|
45
|
+
<section>
|
|
46
|
+
|
|
47
|
+
<h2 class="editable">Introduction</h2>
|
|
48
|
+
<hr />
|
|
49
|
+
<div class="editable">
|
|
50
|
+
<p> Tina May started a marketing agency at 20, travelled the world building websites for boutique hotels and now runs the highly regarded coding school Institute of Code. In between running immersive coding bootcamps in Bali and teaching digital marketing, she builds stunning websites designed to convert, using only the latest technologies. For a recent portfolio example, please see our recently updated website <a href="www.instituteofcode.com" target="_blank">www.instituteofcode.com</a> and <a href="www.eyesofanomad.com"> www.eyesofanomad.com </a> </p>
|
|
51
|
+
</div>
|
|
52
|
+
</section>
|
|
53
|
+
|
|
54
|
+
<!--- - - - - - - - - -->
|
|
55
|
+
{% if page.instagram %}
|
|
56
|
+
<section class="no-padding">
|
|
57
|
+
{{page.instagram-code}}
|
|
58
|
+
</section>
|
|
59
|
+
{% endif %}
|
|
60
|
+
|
|
61
|
+
<section class="stats-section">
|
|
62
|
+
<h2 class="editable"> Key Stats </h2>
|
|
63
|
+
<hr />
|
|
64
|
+
<div class="grid-center">
|
|
65
|
+
{% for stat in page.stats %}
|
|
66
|
+
<div class="col-3_sm-6_xs-12 center">
|
|
67
|
+
|
|
68
|
+
<span class="info">{{stat.amount}}</span>
|
|
69
|
+
<span class="info-subtitle">{{stat.subtitle}}</span>
|
|
70
|
+
<h3>{{stat.title}}</h3>
|
|
71
|
+
</div>
|
|
72
|
+
{% endfor %}
|
|
73
|
+
</div>
|
|
74
|
+
</section>
|
|
75
|
+
|
|
76
|
+
<!--- - - - - - - - - -->
|
|
77
|
+
|
|
78
|
+
<section>
|
|
79
|
+
<h2 class="editable"> My Audience </h2>
|
|
80
|
+
<hr />
|
|
81
|
+
<div class="editable">
|
|
82
|
+
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
83
|
+
<p> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
|
|
84
|
+
</div>
|
|
85
|
+
</section>
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
<!--- - - - - - - - - -->
|
|
90
|
+
{% if page.brand-partnerships %}
|
|
91
|
+
<section>
|
|
92
|
+
<h2 class="editable"> Brand Partnerships </h2>
|
|
93
|
+
<hr />
|
|
94
|
+
<div class="editable">
|
|
95
|
+
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
|
|
96
|
+
</div>
|
|
97
|
+
|
|
98
|
+
<div class="grid-center margin-top">
|
|
99
|
+
{% for logo in page.brand-logos %}
|
|
100
|
+
<div class="col-3_sm-6_xs-12">
|
|
101
|
+
<div class="logo-item" style="background-image:url('{{logo.image_path}}');">
|
|
102
|
+
</div>
|
|
103
|
+
</div>
|
|
104
|
+
{% endfor %}
|
|
105
|
+
</div>
|
|
106
|
+
|
|
107
|
+
</section>
|
|
108
|
+
{% endif %}
|
|
109
|
+
|
|
110
|
+
<!--- - - - - - - - - -->
|
|
111
|
+
{% if page.testimonials-section %}
|
|
112
|
+
<section>
|
|
113
|
+
<h2 class="editable"> Work with me </h2>
|
|
114
|
+
<hr />
|
|
115
|
+
<div class="editable">
|
|
116
|
+
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
117
|
+
</div>
|
|
118
|
+
|
|
119
|
+
<div class="grid-center margin-top">
|
|
120
|
+
{% for testimonial in page.testimonials %}
|
|
121
|
+
<div class="col-4_sm-12 testimonial">
|
|
122
|
+
<p>{{testimonial.quote}}</p>
|
|
123
|
+
<p class="author">- {{testimonial.author}}</p>
|
|
124
|
+
</div>
|
|
125
|
+
{% endfor %}
|
|
126
|
+
</div>
|
|
127
|
+
</section>
|
|
128
|
+
{% endif %}
|
|
129
|
+
|
|
130
|
+
<!-- - - - - - -->
|
|
131
|
+
<section class="gallery-section">
|
|
132
|
+
<h2 class="editable"> Gallery </h2>
|
|
133
|
+
<hr />
|
|
134
|
+
<div class="editable">
|
|
135
|
+
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
136
|
+
</div>
|
|
137
|
+
<div class="grid-center margin-top">
|
|
138
|
+
{% for gallery in page.gallery %}
|
|
139
|
+
<div class="col-3_sm-6_xs-12">
|
|
140
|
+
<div class="gallery-item" style="background-image:url('{{gallery.image_path}}');">
|
|
141
|
+
</div>
|
|
142
|
+
{% if page.gallery-captions %}
|
|
143
|
+
<p class="caption">{{gallery.caption}}</p>
|
|
144
|
+
{% endif %}
|
|
145
|
+
</div>
|
|
146
|
+
{% endfor %}
|
|
147
|
+
</div>
|
|
148
|
+
</section>
|
|
149
|
+
<!-- - - - - - -->
|
|
150
|
+
|
|
151
|
+
<section class="featured editable">
|
|
152
|
+
<h2> Let's Connect </h2>
|
|
153
|
+
<hr />
|
|
154
|
+
<p> <strong> Phone: </strong> (+1) 555 555 5555 </p>
|
|
155
|
+
<p> <strong> Email: </strong> hello@tinamay.com </p>
|
|
156
|
+
<p> <strong> Instagram: </strong> www.instagram.com/hellotinamay</p>
|
|
157
|
+
</section>
|
|
158
|
+
<footer>
|
|
159
|
+
<p> Media Kit Created with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="http://www.instituteofcode.com">The Institute of Code </a> </p>
|
|
160
|
+
<p class="subtle">Get your own<a href="http://www.letscollab.io"> online media kit at letscollab.io</a> <br />or join one of our courses in Bali and in 10 days we'll teach you how to <a href="http://www.instituteofcode.com/courses/social-media"> become an influencer or social media manager.</a> </p>
|
|
161
|
+
</footer>
|
data/_layouts/post.html
ADDED
data/_sass/base.scss
ADDED
|
@@ -0,0 +1,282 @@
|
|
|
1
|
+
* {
|
|
2
|
+
box-sizing: border-box;
|
|
3
|
+
margin:0;
|
|
4
|
+
padding:0;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
img {
|
|
8
|
+
max-width: 100%;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
div {
|
|
12
|
+
position: relative;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/* Utility Classes */
|
|
16
|
+
|
|
17
|
+
.vertical-align {
|
|
18
|
+
display: flex;
|
|
19
|
+
align-items: center;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.center {
|
|
23
|
+
text-align: center;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.margin-top {
|
|
27
|
+
margin-top: 5vh;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.no-padding {
|
|
31
|
+
padding: 0;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/* Universal Styles */
|
|
35
|
+
|
|
36
|
+
body {
|
|
37
|
+
font-family: 'Lato', sans-serif;
|
|
38
|
+
color: rgb(90,90,90);
|
|
39
|
+
}
|
|
40
|
+
h2 {
|
|
41
|
+
color: #e74c3c;
|
|
42
|
+
font-family: 'Playfair Display', serif;
|
|
43
|
+
font-weight: normal;
|
|
44
|
+
font-size: 2rem;
|
|
45
|
+
margin-top: 1rem;
|
|
46
|
+
margin-bottom: 0.5rem;
|
|
47
|
+
text-align:center;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
h3 {
|
|
51
|
+
font-weight: normal;
|
|
52
|
+
font-family: 'Playfair Display', serif;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
a {
|
|
56
|
+
color: #e74c3c;
|
|
57
|
+
padding-bottom: 2px;
|
|
58
|
+
border-bottom: 1px solid #e74c3c;
|
|
59
|
+
text-decoration: none;
|
|
60
|
+
position: relative;
|
|
61
|
+
top:0;
|
|
62
|
+
transition: 0.3s;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
a:hover {
|
|
66
|
+
color: rgb(120,120,120);
|
|
67
|
+
border-color: rgb(120,120,120);
|
|
68
|
+
top:2px;
|
|
69
|
+
position: relative;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
p {
|
|
73
|
+
line-height: 1.4;
|
|
74
|
+
margin: 0.8rem 0;
|
|
75
|
+
font-weight: 300;
|
|
76
|
+
text-align: center;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
p span {
|
|
80
|
+
font-weight: bold;
|
|
81
|
+
padding-right: 10px;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
ul {
|
|
86
|
+
list-style: inside;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
li {
|
|
90
|
+
margin: 0.5rem 0;
|
|
91
|
+
font-weight: 300;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
hr {
|
|
95
|
+
border: none;
|
|
96
|
+
border-bottom: 3px solid #e74c3c;
|
|
97
|
+
width: 50px;
|
|
98
|
+
margin:1rem auto 3rem;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
section {
|
|
102
|
+
padding: 8vh 10%;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
section:nth-child(odd) {
|
|
106
|
+
background-color: rgb(250,250,252);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
/* Banner */
|
|
111
|
+
|
|
112
|
+
.banner {
|
|
113
|
+
padding: 0;
|
|
114
|
+
margin: 0;
|
|
115
|
+
min-height:100vh;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.banner .inner {
|
|
119
|
+
background-color: rgb(60,60,65);
|
|
120
|
+
color: white;
|
|
121
|
+
position: relative;
|
|
122
|
+
text-align:center;
|
|
123
|
+
padding: 2vh 5% 2vh 5%;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.bg {
|
|
127
|
+
background-position: center;
|
|
128
|
+
background-size: cover;
|
|
129
|
+
padding-bottom:30%;
|
|
130
|
+
}
|
|
131
|
+
.banner .bg {
|
|
132
|
+
min-height: 80vh;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.pin-bottom {
|
|
136
|
+
position: absolute;
|
|
137
|
+
padding: 1rem;
|
|
138
|
+
margin: 0;
|
|
139
|
+
bottom: 0;
|
|
140
|
+
letter-spacing: 2px;
|
|
141
|
+
width: 100%;
|
|
142
|
+
left:0;
|
|
143
|
+
right:0;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.banner h2 {
|
|
147
|
+
margin: 0.5rem;
|
|
148
|
+
color: white;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
/* Featured */
|
|
153
|
+
|
|
154
|
+
section.featured {
|
|
155
|
+
background-color: #e63f4f;
|
|
156
|
+
color: white;
|
|
157
|
+
text-align: center;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.featured a,
|
|
161
|
+
.featured h2 {
|
|
162
|
+
color: white;
|
|
163
|
+
border-color: white;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.featured hr {
|
|
167
|
+
margin: auto;
|
|
168
|
+
border-color: white;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
.banner-color {
|
|
172
|
+
background-color:rgb(90,90,95);
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
/* Stats Section */
|
|
176
|
+
span.info {
|
|
177
|
+
font-size: 3rem;
|
|
178
|
+
display: block;
|
|
179
|
+
}
|
|
180
|
+
span.info-subtitle {
|
|
181
|
+
text-transform: uppercase;
|
|
182
|
+
letter-spacing: 1px;
|
|
183
|
+
font-size: 0.8rem;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.stats-section h3 {
|
|
187
|
+
margin-top: 1rem;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
/* Gallery */
|
|
191
|
+
.gallery-section [class*=col] {
|
|
192
|
+
padding: 1px;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
.gallery-item {
|
|
196
|
+
padding-bottom: 100%;
|
|
197
|
+
background-size: cover;
|
|
198
|
+
}
|
|
199
|
+
.caption {
|
|
200
|
+
background-color: rgb(240,240,240);
|
|
201
|
+
margin: 0;
|
|
202
|
+
padding: 0.5rem;
|
|
203
|
+
}
|
|
204
|
+
/* testimonials */
|
|
205
|
+
.testimonial {
|
|
206
|
+
padding: 0 4% 0 4%;
|
|
207
|
+
text-align: left;
|
|
208
|
+
margin-top: 1rem;
|
|
209
|
+
border-left: 1px solid rgb(200,200,200);
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
.testimonial p {
|
|
213
|
+
text-align: left;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
/* Brand partnerships logos */
|
|
217
|
+
.logo-item {
|
|
218
|
+
padding-bottom: 60%;
|
|
219
|
+
background-size: contain;
|
|
220
|
+
background-repeat: no-repeat;
|
|
221
|
+
}
|
|
222
|
+
/* Footer */
|
|
223
|
+
footer {
|
|
224
|
+
padding:1rem;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
footer p {
|
|
228
|
+
line-height: 1.5;
|
|
229
|
+
font-weight: normal;
|
|
230
|
+
color: rgb(120,120,125);
|
|
231
|
+
font-size: 0.8rem;
|
|
232
|
+
}
|
|
233
|
+
footer a {
|
|
234
|
+
border: none;
|
|
235
|
+
}
|
|
236
|
+
footer a:hover {
|
|
237
|
+
top:0;
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
.subtle {
|
|
241
|
+
color: rgb(120,120,125);
|
|
242
|
+
font-weight: lighter;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
.subtle a {
|
|
246
|
+
color: rgb(120,120,125);
|
|
247
|
+
font-weight: normal;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
|
|
251
|
+
/* Responsive */
|
|
252
|
+
.mob-show {
|
|
253
|
+
display:none;
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
/* banners */
|
|
257
|
+
@media(max-width:768px) {
|
|
258
|
+
section {
|
|
259
|
+
padding: 5vh 5%;
|
|
260
|
+
}
|
|
261
|
+
.banner {
|
|
262
|
+
min-height: 0;
|
|
263
|
+
}
|
|
264
|
+
.logo {
|
|
265
|
+
max-height: 15vh;
|
|
266
|
+
}
|
|
267
|
+
.vertical-align {
|
|
268
|
+
display: block;
|
|
269
|
+
}
|
|
270
|
+
.mob-hide {
|
|
271
|
+
display: none!important;
|
|
272
|
+
}
|
|
273
|
+
.mob-show {
|
|
274
|
+
display:block;
|
|
275
|
+
}
|
|
276
|
+
/* stats */
|
|
277
|
+
.stats-section [class*='col'] {
|
|
278
|
+
padding: 1rem;
|
|
279
|
+
border: 1px solid rgb(245,245,245);
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
} /* end of media query */
|
data/assets/main.scss
ADDED
data/assets/photo1.jpg
ADDED
|
Binary file
|
data/assets/photo2.jpg
ADDED
|
Binary file
|
data/assets/photo3.jpg
ADDED
|
Binary file
|
|
Binary file
|
data/images/logo.png
ADDED
|
Binary file
|
data/images/photo1.jpg
ADDED
|
Binary file
|
data/images/photo2.jpg
ADDED
|
Binary file
|
data/images/photo3.jpg
ADDED
|
Binary file
|
data/index.html
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: home-page
|
|
3
|
+
title: Hello Tina May
|
|
4
|
+
description: This is the blurb for SEO
|
|
5
|
+
logo: true
|
|
6
|
+
logo_path: /images/hello-tina-may-logo.png
|
|
7
|
+
banner-title: Hello Tina May
|
|
8
|
+
banner-image_path: /images/photo1.jpg
|
|
9
|
+
banner_color: '#16a085'
|
|
10
|
+
banner-text_color: '#ffffff'
|
|
11
|
+
featured_color: '#16a085'
|
|
12
|
+
stats:
|
|
13
|
+
- amount: 200k
|
|
14
|
+
subtitle: Total
|
|
15
|
+
title: Instagram Followers
|
|
16
|
+
- amount: 150k
|
|
17
|
+
subtitle: Monthly
|
|
18
|
+
title: Blog Traffic
|
|
19
|
+
- amount: 18%
|
|
20
|
+
subtitle: Average
|
|
21
|
+
title: Engagement Rate
|
|
22
|
+
- amount: 1.2 mill
|
|
23
|
+
subtitle: Monthly
|
|
24
|
+
title: Total Reach
|
|
25
|
+
gallery-captions: true
|
|
26
|
+
gallery:
|
|
27
|
+
- image_path: /images/photo1.jpg
|
|
28
|
+
caption: Hello Tina May
|
|
29
|
+
- image_path: /images/photo2.jpg
|
|
30
|
+
caption: Tina May
|
|
31
|
+
- image_path: /images/photo3.jpg
|
|
32
|
+
caption: Hello Tina May
|
|
33
|
+
- image_path: /images/photo2.jpg
|
|
34
|
+
caption: Tina May
|
|
35
|
+
- image_path: /images/photo3.jpg
|
|
36
|
+
caption: Peekaboo Tina May
|
|
37
|
+
- image_path: /images/photo1.jpg
|
|
38
|
+
caption: Hello Goodbye
|
|
39
|
+
- image_path: /images/photo1.jpg
|
|
40
|
+
caption: Hello Goodbye
|
|
41
|
+
brand-partnerships: true
|
|
42
|
+
brand-logos:
|
|
43
|
+
- image_path: /images/logo.png
|
|
44
|
+
- image_path: /images/logo.png
|
|
45
|
+
- image_path: /images/logo.png
|
|
46
|
+
- image_path: /images/logo.png
|
|
47
|
+
testimonials-section: true
|
|
48
|
+
testimonials:
|
|
49
|
+
- quote: >-
|
|
50
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
51
|
+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
|
|
52
|
+
veniam.
|
|
53
|
+
author: Amy Smith
|
|
54
|
+
- quote: >-
|
|
55
|
+
Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
|
56
|
+
et dolore magna aliqua. Ut enim ad minim veniam.
|
|
57
|
+
author: Jane Lu
|
|
58
|
+
- quote: >-
|
|
59
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
60
|
+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
|
|
61
|
+
veniam.
|
|
62
|
+
author: Johnny Appleseed
|
|
63
|
+
custom-font_html: |
|
|
64
|
+
<link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet">
|
|
65
|
+
font-name:
|
|
66
|
+
instagram: true
|
|
67
|
+
instagram-code: |
|
|
68
|
+
<!-- LightWidget WIDGET --><script src="//lightwidget.com/widgets/lightwidget.js"></script><iframe src="//lightwidget.com/widgets/e4fd7255dccd5462bd71b8a59cc17d2f.html" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width: 100%; border: 0; overflow: hidden;"></iframe>
|
|
69
|
+
---
|
data/lets-collab.gemspec
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
# encoding: utf-8
|
|
2
|
+
|
|
3
|
+
Gem::Specification.new do |s|
|
|
4
|
+
s.name = "lets-collab"
|
|
5
|
+
s.version = "0.1.1"
|
|
6
|
+
s.license = "MIT"
|
|
7
|
+
s.authors = ["Tina May"]
|
|
8
|
+
s.email = ["tina@instituteofcode.com"]
|
|
9
|
+
s.homepage = "https://letscollab.io"
|
|
10
|
+
s.summary = "Lets Collab Media Kit Template"
|
|
11
|
+
|
|
12
|
+
s.files = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
|
|
13
|
+
|
|
14
|
+
s.platform = Gem::Platform::RUBY
|
|
15
|
+
s.add_runtime_dependency "jekyll", "~> 3.5"
|
|
16
|
+
s.add_runtime_dependency "jekyll-seo-tag", "~> 2.0"
|
|
17
|
+
end
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: lets-collab
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Tina May
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2017-12-
|
|
11
|
+
date: 2017-12-11 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -44,7 +44,27 @@ email:
|
|
|
44
44
|
executables: []
|
|
45
45
|
extensions: []
|
|
46
46
|
extra_rdoc_files: []
|
|
47
|
-
files:
|
|
47
|
+
files:
|
|
48
|
+
- ".gitignore"
|
|
49
|
+
- Gemfile
|
|
50
|
+
- LICENSE.txt
|
|
51
|
+
- README.md
|
|
52
|
+
- _config.yml
|
|
53
|
+
- _layouts/default.html
|
|
54
|
+
- _layouts/home-page.html
|
|
55
|
+
- _layouts/post.html
|
|
56
|
+
- _sass/base.scss
|
|
57
|
+
- assets/main.scss
|
|
58
|
+
- assets/photo1.jpg
|
|
59
|
+
- assets/photo2.jpg
|
|
60
|
+
- assets/photo3.jpg
|
|
61
|
+
- images/hello-tina-may-logo.png
|
|
62
|
+
- images/logo.png
|
|
63
|
+
- images/photo1.jpg
|
|
64
|
+
- images/photo2.jpg
|
|
65
|
+
- images/photo3.jpg
|
|
66
|
+
- index.html
|
|
67
|
+
- lets-collab.gemspec
|
|
48
68
|
homepage: https://letscollab.io
|
|
49
69
|
licenses:
|
|
50
70
|
- MIT
|