dreger / thelivingwell.co Goto Github PK

View Code? Open in Web Editor NEW

0.0 0.0 0.0 71.73 MB

Home Page: http://thelivingwell.co

HTML 9.12% CSS 87.74% Ruby 3.14%

thelivingwell.co's Introduction

✌️ Hi, I'm KQD and I like computers.

🇺🇸 patriotsoftware.com

🌎 dreger.me

👥 linkedin.com/in/dreger

thelivingwell.co's People

Contributors

Watchers

thelivingwell.co's Issues

Move social icons to bottom on mobile view.

Social media icons should be moved to the bottom so that users can get to the content faster.

Implement MailChimp code

<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//thelivingwell.us14.list-manage.com/subscribe/post?u=90d0e5777008632ffa63e8f00&amp;id=4919129590" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
	<label for="mce-EMAIL">Never miss a post! Subscribe here.</label>
	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

<!--End mc_embed_signup-->

Enable commenting?

Ok I've got it - a like button, and then share options.

Mobile view

Remove navigation on mobile view, so its just the logo, and then the social media icons. Can those be a smaller though? like half the current size.

Update homepage post to card style

Like this:

Update homepage background to gray
Refactor post snippet design into template

Test Instagram grid on left side column

A mini grid of recent Instagram posts?

New page??

Hi!

Can you add a 5th section on the left side, after about that says contact? I'm going to put information about my yoga certification, classes, email for contact, etc.

Thanks! :)

Header image

I dropped a jpg in the assets folder called "Headerimage" let me know if its sized right for the edge to edge header on the homepage.

Reduce size of images.

The max width of our content column is ~ 600px. Ideally, we'd have images be web-optimized and around 1200px wide. Current homepage size is 9.5MB, which can kill on mobile connections.

Hate yoga? Good for you. Rather eat tree bark than try kale? Lean into that, sister. I want to make space for the authentic pursuit of wellness. Your journey won't look like mine, and that's what I'm after. Read about my journey to living well, while claiming healthy rhythms that are all your own.

Update post page

New Home page

Change landing page asset to: philosophy.jpg
Add 5 recent posts grid below intro copy
Add header above post grid to say: Recent

~~Test instagram grid on left side column?~~ Move to #5 .

New Mobile View - Mock up

Hola! I finally put some thought into the mobile view a bit. Super rough PDF attached, with annotated comments in acrobat. Es posible? SKD
Mobile view.pdf