huangyuzhang/Fizzy-Theme

Add your website

huangyuzhang opened this issue ยท 10 comments

Post your website that is using the Fizzy Theme. Interesting and good ones will be added to the here. Make sure you have the description and link in the bottom, something like:
image

Format:
[Website Name](weblink)

example:
[Fizzy.cc](https://fizzy.cc)

example output:
Fizzy.cc

P.S. Feel free to add a one-line description that I might use to introduce you.

Wanted to reach out and thank you for such a wonderful theme. I am currently using it for my author page; however, I am having a few issues. Particularly integration of Subscriber links, social media links, and integrating Disqus. If you have any time to talk about this stuff, please feel free to reach out to me. I want to help you make this the best Ghost theme out there.

[G. Michael Rapp's Author Page]

@GMichaelRapp Thank you for using the Fizzy Theme!

I haven't got the chance to touch the subscription feature of Ghost yet. I will probably add this in the next few versions.

By social media links, they are presented in the author's page. So in your case, the links are shown under your avatar and user name: https://gregorymrapp.com/author/gmichaelrapp/

For the Disqus integration, you need to insert the code in the Site Footer.

Hope this answers your question. If you have further questions feel free to let me know.

A modified version of the fantastic fizzy theme -- I call it "Vanilla Fizzy":

Gusto Engineering Blog

We all thank you!

A modified version of the fantastic fizzy theme -- I call it "Vanilla Fizzy":

Gusto Engineering Blog

We all thank you!

A well-modified theme! Glad to see you love the fizzy theme. Cheers!

Great theme @huangyuzhang, much appreciated.

Check out my website, migrated off from Medium

Kloudzone

Great theme @huangyuzhang, much appreciated.

Check out my website, migrated off from Medium

Kloudzone

Glad to see you like the theme, cheers!
Thanks for the star as well!

Thank you for an amazing theme @huangyuzhang, using it for https://magnushelander.se
How did you get the "dots" on the carousel indicating how many images that are loaded in the carousel?

Thank you for an amazing theme @huangyuzhang, using it for https://magnushelander.se How did you get the "dots" on the carousel indicating how many images that are loaded in the carousel?

Hi there! Glad to see you like the theme and using it for your site.
Regarding the "dots" on the carousel, you just need to turn on the "dots" parameter in default.hbs by changing the false to true, at line 100:

Fizzy-Theme/default.hbs

Lines 90 to 105 in 84bdee9

{{!-- carousel: js --}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script>
$(document).ready(function(){
$('#carousel-home').slick({
autoplay: true,
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
arrows:false,
dots: false,
centerMode: false,
focusOnSelect: false
});
});
</script>

OK, have the dots now - the default CSS has .slick-dots at position: absolute; bottom: -25px; - they are off screen.

I'm sure there is an elegant way to override, I did the brutal and put the slick slider CSS & fonts on my server at assets/css,
and changed partials/showcase.hbs to link the local stylesheet using link rel="stylesheet" href="{{asset "css/slick-theme.css"}}"

Now I can change .slick-dots to position: absolute; bottom: 25px; to make them visible on top of slides.

To load the fonts in assets/fonts I updated slick-slider CSS with

    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'),
    url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'),
    url('../fonts/slick.svg#slick') format('svg');

Now I can edit the CSS - font was 1px so changed .slick-dots li button:before to font-size:16px and fixed the colours.
Very happy with results - thank you again for an amazing theme.