getgrav/grav-skeleton-ceevee-site

Ceevee is a clean, modern, fully responsive site template for your resume and portfolio. With this template, you can easily introduce yourself and showcase your works to future clients and employers. Also, it is flexible and easy to customize so you even use this template as a creative, business or portfolio site for your company.

Ceevee Skeleton for Grav

Ceevee is a clean, modern, fully responsive site template for your resume and portfolio. With this template, you can easily introduce yourself and showcase your works to future clients and employers. Also, it is flexible and easy to customize so you even use this template as a creative, business or portfolio site for your company.

Features:

• HTML5 and CSS3
• Fully Responsive
• Clean and modern design
• Various templates for presenting your content
• Fontawesome icon font
• @font-face custom web fonts
• jQuery enhanced
• Flexslider
• Magnific popup lightbox
• Smooth scrolling effect
• Cross browser compatible
• Twitter integration

Basic Setup for a new Grav site

The simplest way to install Ceevee theme for Grav is to download and install the Ceevee Skeleton package:

1. Download Ceevee Skeleton
2. Simply unzip the package into your web root folder.
3. Point your browser at the folder, job done!

TIP: Check out the general Grav installation instructions for more details on this process.

---

Existing Grav site

It is possible to install just the theme, but page content will need to reference the Ceevee theme's supported templates. It is strongly advised to at least install the Ceevee Skeleton package to see the theme's capabilities in action.

To install just the theme:

$ bin/gpm install ceevee

Configuration

Configuration of Ceevee theme consist of two parts:

• configuration file (from skeleton): "user/config/site.yaml"
• header variables (inside markdown files)

In configuration file you can set basic values for header, footer and general. In markdown files, you can manage page content and overall look of the separate section. For example, below is a portfolio.md header section:

portfolio:
  - title: "Creative Minds"
    img: portfolio-01.jpg
    img_text: View More
    img_url: "#"
    content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero."

In above example you can specify title, image, roll over text, url and content for each separate portfolio element.

Rest of the sections is made in similar approach. Remember to preserve original indentation to avoid issues.

grav-skeleton-ceevee-site's Issues

Translation menu does not working for me

Hello, I have a problem. When I try to translate the template, so the menu does not work because the menu title My lang have a link <a href="#my_lang"> instead of <a href='"#about">About</a>.

Please advice about how to solve it.

Thank you.

Missing skeleton ?

Hi, can't download ceevee skeleton from getgrav site... missing it...

Change menu titles breaks navigation

When the title is changed in any of the pages e.g. _portfolio, the menu item breaks. To clarify, e.g. you want to rename the folder _portfolio to _stuff. Everything still works fine, but when you edit the title in _stuff/portfolio.md to "Title: Stuff", then menu doesn't jump to the page anymore. I also changed the modular.md accordingly, but that only seems to affect the layout of parallax single page.

Is there some other place that also need to be renamed? I searched with grep and find for filenames or entries related to "portfolio", nothing so far... Any help would be greatly appreciated.

EDIT: It seems like the title of the .md file must match the name of the used template? Is this by design?

How i put mata tag alt in portfolio?

Hi — there, having a look at this skeleton and noticed that meta tag alt is not possible to write in portfolio
over the photo....
Thanks

Twitter Feed

hi there, i have beeing going over your codes but i just cant seem to find the issue with twitter feed...

last tweets not loading some how

Nginx hangs when submitting contact form

I'm getting a 503 gateway timeout, but the mail sends correctly. My guess is that my vps is a bit slow with sending mail over smtp and Grav waits for it to succeed before showing the 'Thank you' message. Is there any way to stop CeeVee from waiting until the email is sent?

Wrong portfolio layout

Hello. I believe that the image should occupy all white rectangle, or where this white, should appear the description. What do you think?

Closing the menu puts you back at the top (mobile)

Closing the menu on mobile (iOS 9.2) puts you back at the top of the page.

Stuck at 'Thank you!' page after submitting form

After submitting a form, the visitor is stuck on the 'Thank you!' page, as there is no link back home.

Install error - missing accounts folder

When you install the skeleton and first start up it shows an error screen.

The user/accounts folder is missing.

If you manually create the accounts folder under user and refresh, it then proceeds normally and you get the new user screen. But maybe should be shipped with an empty accounts folder?

How can I edit this header?

Hi, maybe I'm blind, but I don't find the area, where I can edit the first section of the page. I'm totally new to Grav, so I just know some really easy basics. :/

modal - why doesn't it work

why doesn't it work modal

<section id="portfolio">
    <div class="row">
        <div class="twelve columns collapsed">
            {{ page.content|raw }}
            <div id="portfolio-wrapper" class="bgrid-quarters s-bgrid-thirds cf">
                {% for item in page.header.portfolio %}
                <div class="columns portfolio-item">
                    <div class="item-wrap">
                        <a href="#modal-{{ loop.index }}" title="{{ item.description }}">
                            {{ page.media[item.img].cropZoom(215, 215).html()|raw }}
                            <div class="overlay">
                                <div class="portfolio-item-meta">
                                    <h5>{{ item.title }}</h5>
                                    <p>{{ item.description }}</p>
                                </div>
                            </div>
                            <div class="link-icon"><i class="icon-plus"></i></div>
                        </a>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
        {% for item in page.header.portfolio %}
        <div id="modal-{{ loop.index }}" class="popup-modal mfp-hide">
            <img class="scale-with-grid" src="{{ page.media[item.img].url }}" alt="{{ item.description }}" />
            <div class="description-box">
                <h4>{{ item.title }}</h4>
                <p>{{ item.content|raw }}.</p>
                <span class="categories"><i class="fa fa-tag"></i>{{ item.tags }}</span>
            </div>
            <div class="link-box">
                <a href="{{ item.details }}">Details</a>
                <a class="popup-modal-dismiss">Close</a>
            </div>
        </div>
        {% endfor %}
    </div>
</section>

Twitter function not working?

Hi — there, having a look at this skeleton and noticed the twitter integration seems NOT to work on the demo. When I try activating this with my test build, I notice a Twitter ID pulled from a bonafide account seems to be 8 characters not 18 as in your example code...

Furthermore, I can't get the widget to work even with a 'real' id — I don't suppose it would be possible to see a working example of this Twitter widget on the skeleton?

many thanks...

Contact form uses 'from' address instead of 'to' address

The contact form extracts the 'from' address from the Email plugin, which of course should be the 'to' address. This is in 01.home/modular.md.

Put Youtube video in portfolio

Hello how I would put youtube video in portfolio part ?

Thanks

Admin Panel

The skeleton don’t have the admin panel installed
So it’s impossible to login with https://my-website/admin
I have not on my server a SSH account

Twitter Widget fails to load on HTTPS

Where does the js code for the twitter widget reside so I can switch that link to https? Widget will fail to load HTTP assets when on HTTPS connection

Page was loaded over HTTPS, but requested an insecure script 'http://cdn.syndication.twimg.com/widgets/timelines/670642497371168769?&lang…itterFetcher.callback&suppress_response_codes=true&rnd=0.49666471197269857'. This request has been blocked; the content must be served over HTTPS.