~franz/f-a.nz

7ba09aaef361a4d861125198dcee4303d2fef808 — Franz Geffke 1 year, 4 months ago ba73a68
fixed missing links, added more info, misc
M _includes/project-image.html => _includes/project-image.html +1 -1
@@ 1,3 1,3 @@
<div class="image-wrapper" data-slideout-ignore>
  <a href="/assets/images/projects/{{ include.image }}" class="swipebox thumbnail" style="background-image:url(/assets/images/projects/preview/{{ include.image }});" title="">{% if include.caption %}<p class="caption">{{ include.caption }}</p>{% endif %}</a>
  <a href="/assets/images/projects/{{ include.image }}" class="swipebox thumbnail" style="background-image:url(/assets/images/projects/{{ include.image }});" title="">{% if include.caption %}<p class="caption">{{ include.caption }}</p>{% endif %}</a>
</div>

M _layouts/index.html => _layouts/index.html +5 -3
@@ 12,11 12,13 @@ layout: layout
    <div class="col-sm-5">
      <h4 class="text-uppercase">Hey there</h4>
      <p>
        There's nothing to see here but me. If you're still curious, read more <a href="/about/">about me</a>, or checkout one of the projects I'm currently working on: <a href="https://www.pantherx.org/">PantherX OS</a>
        I help organizations increase their reach and revenue by optimizing their product, online presence and backend-end processes. Read more <a href="/about/">about me</a>, or checkout one of the projects I'm currently working on: <a href="https://www.pantherx.org/">PantherX OS</a>
      </p>
      <p>
        Frankfurt | Istanbul | Dubai | Tehran
      </p>

      <p>
        <br>
        <small>
          Timestamp: {{ site.time | date_to_string }}; <a href="https://git.sr.ht/~franz/f-a.nz">Source</a>
        </small>


@@ 59,4 61,4 @@ layout: layout

  <a rel="me" href="https://pantherx.social/@franz" hidden>Mastodon</a>

</div>
\ No newline at end of file
</div>

M _layouts/ly_page.html => _layouts/ly_page.html +10 -0
@@ 7,7 7,17 @@ layout: layout
  <div class="container-fluid hidden-print">
    <div class="row">
      <div class="col-sm-11 col-sm-offset-1">
        {% if page.url contains "work"%}
        {% for client in site.clients %}
        {% if page.client == client.client %}
        <h1 style="margin-bottom: 1rem;">{{ page.title }}</h1>
        for <a href="{{ client.url }}">{{ client.title }}</a>
        <br>{{ client.city }}, {{ client.country }}
        {% endif %}
        {% endfor %}
        {% else %}
        <h1>{{ page.title }}</h1>
        {% endif %}
      </div>
    </div>
  </div>

M _layouts/page.html => _layouts/page.html +1 -1
@@ 16,7 16,7 @@ layout: ly_page
        {% if page.url contains "work"%}
          {% for client in site.clients %}
          {% if page.client == client.client %}
            <a href="{{ client.url }}"><intro><- return to client profile</a>
          <!--<a href="{{ client.url }}"><intro><- return to client profile</a>-->
          {% endif %}
          {% endfor %}
          <h2 class="block">Other Projects</h2>

M _layouts/post.html => _layouts/post.html +7 -7
@@ 20,13 20,6 @@ layout: ly_page
    <div class="col-sm-10 col-sm-offset-1">
      <div class="content">
        <div class="inline-section">
          <h2 id="comments" class="block">Leave a comment</h2>

            <p class="light">I respect your privacy: Unless you're using Facebook to sign in, no data is exchanged with 3rd party providers. Either way, it'll only take a sec.</p>
            <div class="talk-comments" id="coral_talk_stream"></div>

        </div>
        <div class="inline-section">
          {% include related.html %}
        </div>
        <div class="inline-section">


@@ 43,6 36,13 @@ layout: ly_page
            <p>Published on <time datetime="{{ page.date | date: "%Y-%m-%d" }}">{{ page.date | date: "%-d %B %Y"}}</time></p>
        </div>
      </div>
      <div class="inline-section">
        <h2 id="comments" class="block">Leave a comment</h2>

        <p class="light">I respect your privacy: Unless you're using Facebook to sign in, no data is exchanged with 3rd party providers. Either way, it'll only take a sec.</p>
        <div class="talk-comments" id="coral_talk_stream"></div>

      </div>
    </div>
  </div>
</div>

M _work/aee-iran-website.md => _work/aee-iran-website.md +2 -2
@@ 14,8 14,6 @@ featured: true

A completely static website to promote AEE action cameras and drones in Iran.

[Preview on AWS S3](http://www.aeecamera.ir.s3-website-eu-west-1.amazonaws.com/)

<img src="/assets/images/projects/aee-08.jpg" class="image-wrapper">
<img src="/assets/images/projects/aee-09.jpg" class="image-wrapper">
<img src="/assets/images/projects/aee-10.jpg" class="image-wrapper">


@@ 28,3 26,5 @@ This website is powered by Jekyll, a static site generator that compiles raw ass
- Mobile-first design
- Hosted on AWS S3
- Integrated Shop

Have a look: [Preview](http://www.aeecamera.ir.s3-website-eu-west-1.amazonaws.com/)

M _work/filtafry-website.md => _work/filtafry-website.md +5 -2
@@ 5,7 5,8 @@ date: 2016-06-01 00:00:00 +0200
client: "filtafry"
cover: filtafry-01.jpg
bg: roman-kraft
introduction: Speaks German, Spanish and English, is super-fast and powered by Jekyll - of course.
tags: "web development"
introduction: Speaks German, Spanish, Finish, .. and English, is super-fast and runs without server - of course.
featured: true
---



@@ 29,4 30,6 @@ This website is powered by Jekyll, a static site generator that compiles raw ass
- Germany: [www.filtafry.de](https://www.filtafry.de/)
- Austria: [www.filtafry.at](https://www.filtafry.at/)
- Spain: [www.filtafry.es](https://www.filtafry.es/)
- Europe: [www.filtafry.eu](https://www.filtafry.eu/)
\ No newline at end of file
- Finland: [www.filta.fi](https://www.filta.fi)
- Sweden [www.filtafry.se](https://www.filtafry.se/)
- Europe: [www.filtafry.eu](https://www.filtafry.eu/)

M _work/gat-website.md => _work/gat-website.md +2 -1
@@ 5,7 5,8 @@ date: 2019-07-04 00:00:00 +0200
client: "gat"
cover: gat-01.jpg
bg: roman-kraft
introduction: Super-fast and powered by Jekyll - of course.
tags: "web development"
introduction: Website for Dubai & Luxembourg based investment company.
featured: true
---


M _work/lingel-website.md => _work/lingel-website.md +2 -2
@@ 14,6 14,8 @@ featured: true

Karl Lingel Fensterbau Gmbh & Co. KG, today one of the leading manufacturers of high quality doors and windows in Europe, is looking to expand to the Middle-East.

<img src="/assets/images/projects/lingel-01.jpg">

## What I'm working on

**This is an ongoing project, still under development**


@@ 22,5 24,3 @@ Karl Lingel Fensterbau Gmbh & Co. KG, today one of the leading manufacturers of 
- Set-up of social media & trading accounts
- Outreach to UAE audience to establish brand, generate initial orders
- Relationship-building

<img src="/assets/images/projects/lingel-01.jpg">

M _work/onair-website.md => _work/onair-website.md +3 -0
@@ 21,6 21,9 @@ bg: california
{% include project-image.html image="onair-03.jpg" %}
{% include project-image.html image="onair-04.jpg" %}
{% include project-image.html image="onair-05.jpg" %}

Check-out a live version of the order form [here](https://onairrecordings.com/order/voip-phone-prompt).

{% include project-image.html image="onair-06.jpg" %}

### Website technology

M _work/panther-alpha-website.md => _work/panther-alpha-website.md +1 -1
@@ 7,7 7,7 @@ bg: california
cover: panther-mpc-01-01.jpg
tags: "web development"
introduction: Jekyll powered, static website for Panther Alpha MicroPC.
featured: true
featured: false
---

{% include project-image.html caption="Homepage" image="panther-mpc-01-01.jpg" %}

M _work/pantherx-os.md => _work/pantherx-os.md +10 -1
@@ 16,4 16,13 @@ PantherX is a modern, Unix-like computer operating system, designed to enable ev

With it's own, light-weight desktop environment, a set of highly polished, homegrown applications , and access to thousands more trough Software, PantherX is set to become your next, and last (Desktop) OS. 

Find out more at [pantherx.org](https://www.pantherx.org/)
\ No newline at end of file
## The challenge

- Lightweight, secure, modern OS
- Innovative yet stable technologies like Cap'n Proto
- Fast, easy to use Desktop environment
- Roll-back & system time travel

_I'm the founder of PantherX. We're a team of 6 and work on this full-time._

Find out more at [pantherx.org](https://www.pantherx.org/)

M _work/sky-hype-real-estate-portal.md => _work/sky-hype-real-estate-portal.md +10 -10
@@ 6,7 6,7 @@ client: "skyhype"
cover: sky-hype-01.jpg
bg: switzerland
tags: "web development"
introduction: Powerful, ExpressionEngine 3 based, worldwide real estate portal.
introduction: Powerful, multi-lingual, worldwide real estate portal.
featured: true
---



@@ 47,12 47,13 @@ The site's translation is centrally managed and allows for unlimited flexibility
- Italian
- Russian
- Turkish
- Japanese

{% include project-image.html image="sky-hype-07.jpg" %}

#### Metasearch engine

The custom, PHP based metasearch engine already connects to 8 sources with over 100 more planned.
The custom, Python based metasearch engine already connects to 8 sources with over 100 more planned.

- Germany; immobilienscout24.de
- Spain; idealista.com


@@ 65,12 66,11 @@ The custom, PHP based metasearch engine already connects to 8 sources with over 

### Website technology

Initially developed on EE 2, Sky-Hype is now powered by EllisLab ExpressionEngine 3.
Initially developed on ExpressionEngine 2, then 3, Sky-Hype is now powered by [Nest.js](https://nestjs.com/).

- ExpressionEngine 3
- Running on PHP/Apache trough a NGINX Proxy
- Dynamic, Javascript based translation
- Unlimited image storage on Amazon AWS S3 in Ireland
- Custom PHP metasearch engine with over 8 sources
- Responsive design
- Secured by SSL Certificate
- Nest.js backend (100% Typescript)
- Nuxt.js frontend; responsive design
- image storage on Amazon S3
- Custom, Python based metasearch engine with over 8 sources

Check it out at [www.sky-hype.com](https://www.sky-hype.com/).

M _work/voice-prompt-order-form.md => _work/voice-prompt-order-form.md +3 -1
@@ 14,7 14,7 @@ featured: true

Develop an effective, modern, one-page voice prompt order form for voice recording studios all over the world.

[Preview](https://franzos.github.io/voipy-form/) / [Source code](https://github.com/franzos/voipy-form)
[Source code](https://git.sr.ht/~franz/voipy-form)

{% include project-image.html image="voice-prompt-order-form-01.jpg" %}



@@ 26,3 26,5 @@ Develop an effective, modern, one-page voice prompt order form for voice recordi
- Multi-currency enabled (manually updated rates)
- Used Bulma framework for layout and styling
- 100% plain HTML (no server required)

This form is now in use on the [On Air Website](/work/onair-website/).

M about.md => about.md +8 -2
@@ 52,17 52,23 @@ Check out my [portfolio](/portfolio/) or review my featured work below.

### Tech Stack

I have over 10 years of experience working with ExpressionEngine but most recent production-grade sites, are based on a more appropriate & modern set of tools:

- **Static sites**: Bulma CSS framework; Jekyll static site generator
- **Dynamic sites**: Bulma, Nuxt.js (Vue.js); Nest.js back-end with PostgreSQL
- **Processing**: Usually a Flask-based API

#### Front-end

- Vanilla JS, Typescript, Vue, Buefy
- Bulma, Bootstrap (Sass, Less)
- Nuxt.js, Bulma, Bootstrap (Sass, Less)
- gulp, Grunt
- npm, Yarn

#### Back-end

- Node.js, Python (Pyramid, Flask, Eve), PHP
- nuxt.js, nest.js, ExpressionEngine, Jekyll (why not...), Bolt.cm, Strapi
- Nest.js, ExpressionEngine, Jekyll (why not...), Bolt.cm, Strapi
- npm, composer, pip
- MongoDB, PostgreSQL, MySQL, Memcached, Redis, Firebase


M assets/images/projects/panther-mpc-01-01.jpg => assets/images/projects/panther-mpc-01-01.jpg +0 -0