Galactic Visions

Work | Outdoor Reader 2015 ed.

Wordpress theme inspired by the experience of reading a magazine outdoor ...

Intro

  • History of use: Lost Ideas Lab's theme
  • Platform: Wordpress version 3.8 till 4.4.2
  • Languages: HTML, CSS, JS
  • Date Published:

General information about this release

Retouches

Color Plate

We changed the main colors of Lost Ideas Lab’s website from Dark Teal and Orange Red, to the current colors which are more close to Mid Night Blue and Dark Magenta

Instead of the gray elements of separate ideas, we will use more our base colors …

Poems Section

Since the number of published poems started growing and the need for a better organization and presentation, we redesigned the Poems Section of Lost Ideas Lab …

New Features

Introduction of Lost Ideas Lab’s Blog

Instead of using WordPress build-in blog functionality for The Lost Ideas Lab’s Journal, based on the need for a blog feature for Lost Ideas Lab, we changed The Lost Ideas Lab’s Journal to CTP and use the blog as a blog

Enhanced Pretty Permalinks for CTPs

We added few functions, so now our CTP urls follows the logic of our pretty permalinks else where on the website …


Common Theme Information

Third Parties

Fonts

Powered by Google Fonts.

Else

  • Fotorama jQuery gallery by Artem Polikarpov.
  • Masonry by David DeSandro.
  • Sticky-kit created by leaf corcoran, licensed under MIT.

and of course jQuery and PureCSS and lots of other works ...


Version 3

About

Lost Ideas Lab’s Theme is designed and developed from scratch by Hossein.

Past versions

After rebuilding Lost Ideas Lab’s website from scratch on Laravel 5, the second quarter of 2015, we migrated to WordPress.

Lost Ideas Lab’s Theme version 2

This version of theme and its different releases were mostly used during 2015 on Lost Ideas Lab website …

Third Parties

Fonts

Else

                <ul>
                    <li><a href="http://fotorama.io">Fotorama</a> jQuery gallery by Artem Polikarpov.</li>
                    <li>Masonry by David DeSandro.</li>
                    <li>Sticky-kit created by <a href="http://leafo.net">leaf corcoran</a>, licensed under MIT.</li>
                </ul>
                <p>and of course jQuery and PureCSS and lots of other works …</p>

Version 2

    <section class="pure-g">
        <div class="p-idea-small">
            <article class="text shadow">
                <h3>About</h3>
                <p><i>Lost Ideas Lab’s Theme</i> is designed and developed from scratch by <a href="/people/hossein/">Hossein</a>.</p>
                <h4>Past versions</h4>
                <p>After rebuilding Lost Ideas Lab’s website from scratch on <a href="http://laravel.com">Laravel 5</a>, the second quarter of 2015, we migrated to <a href="https://wordpress.org">WordPress</a>.</p>
                <h5>Lost Ideas Lab’s Theme version 1</h5>
                <h5>Lost Ideas Lab’s Theme version 0</h5>
            </article>
        </div>
        <div class="p-idea-large">
            <article class="text shadow">
                <h3><a id="third-parties"></a>Third Parties</h3>
                <h4>Fonts</h4>
                <ul>
                  <li>Open Sans by <a href="https://profiles.google.com/107777320916704234605/about">Steve Matteson </a> under <a href="http://www.apache.org/licenses/LICENSE-2.0.html">Apache License, version 2.0</a></li>
                  <li>Great Vibes by <a href="https://plus.google.com/101900678527911193079/about">Natalia Raices</a> under <a href="http://scripts.sil.org/OFL">SIL Open Font License, 1.1</a></li>
                  <li>Karla by <a href="https://plus.google.com/111903867315494499168/about">Jonny Pinhorn </a> under <a href="http://scripts.sil.org/OFL">SIL Open Font License, 1.1</a></li>
                  <li>Cinzel by <a href="http://ndiscovered.com/about/">Natanael Gama </a> under <a href="http://scripts.sil.org/OFL">SIL Open Font License, 1.1</a></li>
                  <li>Fanwood Text by <a href="https://plus.google.com/117431922163742703251/about">Barry Schwartz </a> under <a href="http://scripts.sil.org/OFL">SIL Open Font License, 1.1</a></li>
                  <li>Delius by <a href="https://plus.google.com/101900678527911193079/about">Natalia Raices </a> under <a href="http://scripts.sil.org/OFL">SIL Open Font License, 1.1</a></li>
                  <li><a href="http://www.latofonts.com" title="undefined" target="_blank">Lato</a> by <a href="https://plus.google.com/+ŁukaszDziedzicABC/posts">Łukasz Dziedzic </a> under <a href="http://scripts.sil.org/OFL">SIL Open Font License, 1.1</a></li>
                </ul>
                <p>Powered by <a href="https://www.google.com/fonts">Google Fonts</a>.</p>
                <h4>Background Photos</h4>

                <ul>
                  <li>by Markus Spiske @ Flickr.com from <a href="http://www.raumrot.com">Raum Rot</a>.</li>
                  <li>by Dustin Lee @ <a href="https://unsplash.com/">Unsplash.com</a> from <a href="http://www.retrosupply.co">retrosupply co</a>.</li>
                  <li>by Lyndsey Burk @ <a href="https://unsplash.com/">Unsplash.com</a>.</li>
                  <li>by Mickey O’neil @ <a href="https://unsplash.com/">Unsplash.com</a>.</li>
                  <li>by Alex Mihis @ <a href="https://unsplash.com/">Unsplash.com</a> from <a href="http://mcraftpix.com">Mcraft pix</a>.</li>
                  <li>by Artur Rutkowski @ <a href="https://unsplash.com/">Unsplash.com</a>.</li>
                  <li>by Rodion Kutsaev @ <a href="https://unsplash.com/">Unsplash.com</a>.</li>
                  <li>by Mikhail Pavstyuk @ <a href="https://unsplash.com/">Unsplash.com</a>.</li>
                  <li>by Vladimir Kudinov @ <a href="http://vladimirkudinov.com/">vladimirkudinov.com</a>.</li>
                </ul>

                <h4>
                  Else
                </h4>

                <ul>
                  <li><a href="http://fotorama.io">Fotorama</a> jQuery gallery by Artem Polikarpov.</li>

                  <li>Masonry by David DeSandro.</li>

                  <li>Sticky-kit created by <a href="http://leafo.net">leaf corcoran</a>, licensed under MIT.</li>

                </ul>

                <p>and of course jQuery and PureCSS and lots of other works …</p>
            </article>
        </div>
    </section>
    <section class="p-main">
        <article class="text shadow">
            <h3>Thanks</h3>
            <p>Article that helped me learning about design</p>
            <ul>
                <li><a href="http://www.smashingmagazine.com/2012/12/css-baseline-the-good-the-bad-and-the-ugly/" target="_blank">Article about CSS Baseline</a> by <a href="http://www.smashingmagazine.com/author/espen-brunborg/" target="_blank">Espen Brunborg</a>,</li>
                <li><a href="http://typecast.com/blog/a-more-modern-scale-for-web-typography" target="_blank">Advice about modern typography scale</a> by<a href="http://hwdesignco.com/about" target="_blank">Jason Pamental</a></li>
            </ul>
        </article>
    </section>