imfiny-times 0.2.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: bc13fcc65b6b6260478cd9796019b99144070babb2f6190644a52b754235c489
+  data.tar.gz: 5b34f2e525dc5b343c979df67e95d555cb98bf912b1b2c076194296023945ec1
+SHA512:
+  metadata.gz: 91086280842cadf40e3a8822fe46b002defc517301ff790eb45f29b7695ca6b58aa505f3284ec63863b3cb577fe5f641416531bae4da2e61588b282149983075
+  data.tar.gz: 592b8c0e35a5e0b05556193583d7087d7b57c4dcdab5fceee06fdd3230c4c33efcc2e25cb84172dbc79b8e401658f9a6ed372894c445d66bd1a227d372065f5d

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 Thomas Riboulet
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,61 @@
+# imfiny-times
+
+This is a simplistic, news paper inspired theme for jekyll.
+
+Base CSS (grid system and so on) is provided with Skeleton : http://getskeleton.com/.
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "imfiny-times"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: imfiny-times
+top_name: <the main banner content>
+top_title: <the main title content>
+top_description: <a short line about the content>
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install imfiny-times
+
+## Usage
+
+The content is handled in a very simple way : the home page can display two sections of posts. You need to define one section as custom in the config.yml file.
+```
+custom_category_name: opinion
+custom_category_title: Opinions
+custom_category_subtitle: '"A view or judgement [formed] about something"'
+```
+
+Those are the default value set if nothing is included in your config.yml file.
+
+A footer.html file should be present in your includes directory with some content to display as footer or conclusion.
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## Development
+
+To set up your environment to develop this theme, run `bundle install`.
+
+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.
+
+When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
+To add a custom directory to your theme-gem, please edit the regexp in `imfiny-times.gemspec` accordingly.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+

data/_includes/header.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+
+      <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_ua_id }}"></script>
+      <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+
+        gtag('config', '{{ site.google_ua_id }}');
+      </script>
+      <!-- Basic Page Needs
+      –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+      <meta charset="utf-8">
+      <title>{{ include.title }}</title>
+      <meta name="description" content="">
+      <meta name="author" content="">
+
+      <!-- Mobile Specific Metas
+      –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+      <meta name="viewport" content="width=device-width, initial-scale=1">
+
+      <!-- FONT
+      –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+      <link href='//fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'>
+      <style>
+        @import url('https://fonts.googleapis.com/css?family=Playfair+Display|Raleway');
+      </style>
+
+      <!-- CSS
+      –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+      <link rel="stylesheet" href="/assets/css/normalize.css">
+      <link rel="stylesheet" href="/assets/css/skeleton.css">
+      <link rel="stylesheet" href="/assets/css/imfiny.css">
+      <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="{{ site.fontawesome_integrity }}" crossorigin="anonymous">
+
+      <!-- Scripts
+      –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+      <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
+
+      <!-- RSS
+      –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+    <link rel="alternate" type="application/atom+xml"
+        title="Atom Feed for imfiny.com" href="/feed.xml" />
+    </head>
+<body>

data/_layouts/home.html

@@ -0,0 +1,81 @@
+{% include header.html title=site.top_title %}
+{% assign custom_category = site.custom_category_name | default: 'opinion' %}
+{% assign custom_category_title = site.custom_category_title | default: 'Opinions' %}
+{% assign custom_category_subtitle = site.custom_category_subtitle | default: '"A view or judgement [formed] about something"' %}
+
+{{ content }}
+
+  <!-- Primary Page Layout
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
+  <div class="section hero">
+    <div class="container">
+      <div class="row imf">
+        <div class="one-half-column">
+            <h1><span class="blog">blog.</span>{{ site.top_name }}</h1>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="section banner imf">
+    <div class="container">
+        <div class="row">
+          <div class="five columns">
+              {{ site.top_description }}
+          </div>
+          <div class="four columns u-pull-right" id="social">
+              <a href="https://{{ site.corporate_url }}"><i class="fas fa-chess-rook"></i></a>
+              <i class="fas fa-circle separator"></i>
+              <a href="https://github.com/{{ site.github_username }}"><i class="fab fa-github"></i></a>
+              <i class="fas fa-circle separator"></i>
+              <a href="https://www.linkedin.com/in/{{ site.linkedin_path }}"><i class="fab fa-linkedin-in"></i></a>
+              <i class="fas fa-circle separator"></i>
+              <a href="https://twitter.com/{{ site.twitter_username }}"><i class="fab fa-twitter"></i></a>
+              <i class="fas fa-circle separator"></i>
+              <a href="/feed.xml"><i class="fas fa-rss"></i></a>
+          </div>
+        </div>
+    </div>
+  </div>
+
+  <div class="color-overlay">
+  <div class="section posts imf">
+    <div class="container">
+      <div class="row">
+        <div class="two-thirds column value">
+        {% for post in site.posts %}
+        {% unless post.categories contains custom_category %}
+        <h4 class="post-title"><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h4>
+          {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
+          <h5 class="post-date">{{ post.date | date: date_format }}</h5>
+          <p class="post-intro">{{ post.excerpt | strip_html | normalize_whitespace | truncate: 300 | escape }}</p>
+          <p class="post-link"><a href="{{ post.url | relative_url }}">Read more ...</a></p>
+        {% endunless %}
+        {% endfor %}
+        </div>
+        <div class="one-third column value">
+          <h3 class="opinion-section-title">{{ custom_category_title }}</h3>
+          <p class="opinions-intro">
+          {{ custom_category_subtitle }}
+          </p>
+          {% for post in site.posts %}
+          {% if post.categories contains custom_category %}
+          {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
+          <h4 class="opinion-title"><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h4>
+          <h5 class="opinion-date">{{ post.date | date: date_format }}</h5>
+          <p class="opinion-intro">{{ post.excerpt | strip_html | normalize_whitespace | truncate: 200 | escape }}</p>
+          <p class="post-link"><a href="{{ post.url | relative_url }}">Read more ...</a></p>
+          {% endif %}
+          {% endfor %}
+        </div>
+      </div>
+    </div>
+  </div>
+  </div>
+
+  {% include footer.html %}
+
+<!-- End Document
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+</body>
+</html>

data/_layouts/post.html

@@ -0,0 +1,44 @@
+{% include header.html title=post.title %}
+
+  <!-- Primary Page Layout
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
+  <div class="section small-hero">
+    <div class="container">
+      <div class="row imf">
+        <div class="one-half-column">
+            <h1><a href="/"><span class="blog">blog.</span>{{ site.top_name }}</a></h1>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="section small-banner imf">
+    <div class="container">
+        <div class="row">
+          <div class="one-half column">
+          </div>
+        </div>
+    </div>
+  </div>
+
+  <div class="color-overlay">
+  <div class="section post imf">
+    <div class="container">
+      <div class="row">
+        <div class="ten columns value">
+        <h2 class="post-title"><a href="{{ page.url | relative_url }}">{{ page.title }}</a></h4>
+          {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
+          <h5 class="post-date">{{ page.date | date: date_format }}</h5>
+          {{ content }}
+        </div>
+      </div>
+    </div>
+  </div>
+  </div>
+
+  {% include footer.html %}
+
+<!-- End Document
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+</body>
+</html>

data/assets/css/custom.css

@@ -0,0 +1,153 @@
+/* Shared
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+.button {
+  border-radius: 100px;
+}
+
+/* Sections
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+.section {
+  padding: 8rem 0 7rem;
+  text-align: center;
+}
+.section-heading,
+.section-description {
+  margin-bottom: 1.2rem;
+}
+
+/* Hero
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+.phones {
+  position: relative;
+}
+.phone {
+  position: relative;
+  max-width: 80%;
+  margin: 3rem auto -12rem;
+}
+.phone + .phone {
+  display: none;
+}
+
+.values {
+  background-image: url('../images/connectwork.png');
+  height: 18rem;
+  color: #fff;
+  padding-bottom: 2rem;
+}
+.values h3 {
+  z-index: 2;
+  //filter: sepia(100%) saturate(300%) brightness(70%) hue-rotate(100deg);
+  filter: sepia(100%) saturate(300%) brightness(70%) hue-rotate(100deg);
+}
+.values p {
+  z-index: 2;
+  filter: sepia(0%) saturate(-200%) brightness(100%) hue-rotate(260deg);
+}
+
+.color-overlay {
+  z-index: 1;
+  height: 100%;
+  width: 100%;
+  background: rgba(0, 0, 0, 0.7);
+  filter: sepia(100%) saturate(300%) brightness(70%) hue-rotate(100deg);
+}
+
+.pitch p {
+  text-align: left;
+  font-size: 2rem;
+}
+
+.bacon {
+  opacity: 0.1;
+}
+
+.get-help {
+  border-bottom: 1px solid #ddd;
+}
+
+.contact p {
+  text-align: center;
+  margin-top: 5rem;
+}
+
+.color-overlay p {
+  margin-top: 3rem;
+  font-size: 2rem;
+  font-weight: none;
+}
+
+/* Bigger than 550 */
+@media (min-width: 550px) {
+  .section {
+    padding: 12rem 0 11rem;
+  }
+  .hero {
+    padding-bottom: 12rem;
+    text-align: left;
+    height: 165px;
+  }
+}
+
+@media (max-width: 750px) {
+  .value-heading {
+    display: block;
+  }
+  .value-description {
+    display: none;
+  }
+}
+
+/* Bigger than 750 */
+@media (min-width: 750px) {
+  .hero {
+    height: 190px;
+  }
+  .hero-heading {
+    font-size: 2.6rem;
+  }
+  .section {
+    padding: 14rem 0 15rem;
+  }
+  .hero {
+    padding: 16rem 0 14rem;
+  }
+  .section-description {
+    max-width: 60%;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .phone {
+    top: -14rem;
+    right: 5rem;
+    max-height: 510px;
+  }
+  .phone + .phone {
+    top: -12rem;
+    max-height: 472px;
+  }
+  .categories {
+    padding: 15rem 0 8rem;
+  }
+}
+
+/* Bigger than 1000 */
+@media (min-width: 1000px) {
+  .section {
+    padding: 20rem 0 19rem;
+  }
+  .hero {
+    padding: 22rem 0;
+  }
+  .hero-heading {
+    font-size: 3.0rem;
+  }
+  .phone {
+    top: -16rem;
+    max-height: 615px;
+  }
+  .phone + .phone {
+    top: -14rem;
+    max-height: 570px;
+  }
+}

data/assets/css/imfiny.css

@@ -0,0 +1,177 @@
+.imf {
+    font-family: 'Playfair Display';
+}
+
+.imf li {
+    font-size: 1.8rem;
+    margin-left: 1rem;
+}
+
+.hero {
+    margin-top: 1rem;
+}
+
+.small-hero h1 a {
+    font-size: 18pt;
+    text-decoration: none;
+    color: #000;
+}
+
+.blog {
+    font-style: italic;
+    font-size: 18pt;
+    margin-right: 2rem;
+    color: #BBB;
+}
+
+.banner {
+    margin-top: 15rem;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    border-top: 1px solid #333;
+    background: #333;
+    color: #EEE;
+    padding-left: 2rem;
+}
+
+.small-banner {
+    margin-top: 2rem;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    border-top: 1px solid #333;
+    background: #333;
+    color: #EEE;
+    padding-left: 2rem;
+}
+
+.posts {
+    padding-top: 3rem;
+    border-top: 1px solid #333;
+}
+
+.posts h4.post-title, .posts h4.opinion-title {
+    font-size: 18pt;
+}
+
+.posts h5.post-date, .posts h5.opinion-date, .post h5.post-date {
+    font-style: italic;
+    font-weight: none;
+    font-size: 12pt;
+    margin-top: -2.5rem;
+    text-align: left;
+    width: 100%;
+    color: #555;
+}
+
+.posts a, .post h3 a, .post h2 a {
+    color: #000;
+    text-decoration: none;
+}
+
+.posts a:hover {
+    color: #999;
+}
+
+.posts p.post-link {
+    text-align: right;
+    margin-top: -2rem;
+}
+.posts p.post-link a {
+    font-style: italic;
+    font-size: 10pt;
+    color: #000;
+}
+.posts p.post-link a:hover {
+    color: #999;
+}
+
+.post p {
+    font-size: 1.8rem;
+}
+
+.post h2 a {
+    font-size: 3.5rem;
+}
+
+.post h3 {
+    font-size: 3rem;
+    margin-top: 3rem;
+}
+
+.post h4 {
+    font-size: 2.5rem;
+}
+
+.post h5 {
+    font-size: 2.1rem;
+    text-decoration: underline;
+}
+
+.post blockquote {
+    border-left: 5px solid #00B288;
+    padding-left: 2rem;
+    padding-top: 1rem;
+    padding-bottom: 0.2rem;
+    color: #AAA;
+}
+
+.post ul a {
+    font-size: 18px;
+}
+
+.opinions-intro {
+    font-style: italic;
+}
+
+.pitch {
+    margin-top: 15rem;
+    font-size: 8pt;
+}
+
+.pitch h3 {
+    font-size: 14pt;
+}
+
+.help {
+    border-top: 1px solid #333;
+    padding-top: 1rem;
+}
+
+@media (max-width: 500px) {
+    .posts .post-intro, .posts .opinion-intro {
+        display: none;
+    }
+}
+
+.banner .fa-rss {
+  box-shadow: -5px 5px 0 0 rgba(30, 174, 219, 1);
+  transform: scale(1);
+  animation: pulse 2s infinite;
+  border-radius: 10px;
+}
+
+@keyframes pulse {
+  0% {
+    transform: scale(0.95);
+    box-shadow: -5px 5px 0 0 rgba(30, 174, 219.7);
+  }
+  70% {
+    transform: scale(1);
+    box-shadow: -5px 5px 0 10px rgba(30, 174, 219, 0);
+  }
+
+  100% {
+    transform: scale(0.95);
+    box-shadow: -5px 5px 0 0 rgba(30, 174, 219, 0);
+  }
+}
+
+#social i {
+  font-size: 17px;
+}
+#social i.separator {
+  vertical-align: middle;
+  font-size: 10px;
+  margin-right: 10px;
+  margin-left: 10px;
+}