search

baltimorecounty / BCPL-assets

Client side assets for the Baltimore County Public Library website
4 stars 0 forks source link

Add call to action "bubble" style #591

Open danfox01 opened 6 years ago

danfox01 commented 6 years ago

Sam added CSS directly to this test page in order to get a mockup ready for BCPL to review: https://www.bcpl.info/_test/make-it-place.html

We need to get that style added to source control. It also needs to tweaks to render properly at mobile side.

@martypowell and @sdurphy can you please work on this?

martypowell commented 6 years ago

@sdurphy please include the css in this thread, and i can get it into the project

danfox01 commented 6 years ago

@martypowell, FYI this was added inline for expediency. It'll need a new class, etc.

<div style="float:right; margin: 5px 0 20px 30px;">
  <div style="max-width:300px; border: 5px solid #eee; border-radius: 15px; padding: 1em; display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1;">
    <img alt="Make-IT Logo" src="/sebin/d/u/youth-logo-make-it-place.jpg" />
    <div>
      <a class="btn btn-primary" href="https://makeitplace.carolib.org/">Explore Make-IT Place</a>
    </div>
  </div>
</div>
danfox01 commented 6 years ago

FYI, this page is live here with a head section style added. We still need to get this into the source at some point, no rush -- @martypowell I'm assigning to you since I know you were working on this.