Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add your website #20

Open
huangyuzhang opened this issue May 17, 2019 · 10 comments
Open

Add your website #20

huangyuzhang opened this issue May 17, 2019 · 10 comments

Comments

@huangyuzhang
Copy link
Owner

huangyuzhang commented May 17, 2019

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.

@stevenmccurdy
Copy link

metagnosis

@GMichaelRapp
Copy link

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]

@huangyuzhang
Copy link
Owner Author

@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.

@denvergeeks
Copy link

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

Gusto Engineering Blog

We all thank you!

@huangyuzhang
Copy link
Owner Author

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!

@drvaya
Copy link

drvaya commented Mar 16, 2021

Great theme @huangyuzhang, much appreciated.

Check out my website, migrated off from Medium

Kloudzone

@huangyuzhang
Copy link
Owner Author

huangyuzhang commented Mar 16, 2021

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!

@mheland
Copy link

mheland commented Oct 20, 2022

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?

@huangyuzhang
Copy link
Owner Author

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>

@mheland
Copy link

mheland commented Oct 22, 2022

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants