Skip to content

Commit

Permalink
505 org root part3 adopt (#506)
Browse files Browse the repository at this point in the history 
* added line in gitignore to ignore bundle folder in vendor folder. removed ui code at bottom of registration/edit page to delete account.

* added the bg-white css selector to the sections of org/root per figma file

* modified Figma link in README to point to update

* updated the figma link in README

* updated org/root hero to v2

* repaired testing for users_test on the home page

* updated user test for org home to review for the correct text

* updated adopt section to v2

* updated/resized images for adopt section v2

* added/changed id attribute for sections

* remove bg-white from section. flatten card bottom corners.

* added margin to bottom of adopt cards for mobile.

---------

Co-authored-by: Mason Roberts <[email protected]>
  • Loading branch information
@Developer3027
Developer3027 and Mason Roberts authored Mar 9, 2024
1 parent 3aa9726 commit 4bff2b0
Show file tree
Hide file tree
Showing 5 changed files with 34 additions and 29 deletions.
Binary file added app/assets/images/cat.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added app/assets/images/dog.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added app/assets/images/red-panda.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added app/assets/images/spider.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
63 changes: 34 additions & 29 deletions app/views/organizations/home/index.html.erb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,47 +24,52 @@
</div>
</section>


<!-- HOW TO APPLY FOR ADOPTION -->
<section class="pt-5 pb-5 bg-white" id="how_to_apply">
<!-- ADOPTION -->
<section class="pt-5 pb-5" id="adopt">
<div class="container mb-md-5 mt-md-5">

<!--section heading-->
<div class="text-center mb-5">
<h2 class="section-heading text-uppercase underline">
How to apply for adoption
<h2 class="section-heading text-uppercase text-xl">
Adopt
</h2>
</div>

<div class="row text-center">
<div class="col-md-3 pb-3">
<span>
<%= image_tag('sign_up.svg', width: '100') %>
</span>
<h4 class="my-3">1. Create Account</h4>
<!-- bootstrap cards -->
<div class="d-flex justify-content-around align-items-center flex-wrap">
<div class="card rounded-bottom-0 mb-2" style="width: 14rem;">
<%= image_tag('dog.jpeg', width: '500px', alt: "Adorable Dog", class: "card-img-top rounded-top-1") %>
<div class="card-body">
<p class="card-text text-black ">Adoptable Dogs <svg xmlns="http://www.w3.org/2000/svg" height="14" width="12.25" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="#5E3FCB" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg></p>
</div>
</div>
<div class="col-md-3 pb-3">
<span>
<%= image_tag('profile.svg', width: '100') %>
</span>
<h4 class="my-3">2. Complete a Profile</h4>
<div class="card rounded-bottom-0 mb-2" style="width: 14rem;">
<%= image_tag('cat.jpeg', width: '500px', alt: "Adorable Cat", class: "card-img-top rounded-top-1") %>
<div class="card-body">
<p class="card-text text-black ">Adoptable Cats <svg xmlns="http://www.w3.org/2000/svg" height="14" width="12.25" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="#5E3FCB" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg></p>
</div>
</div>
<div class="col-md-3 pb-3">
<span>
<%= image_tag('dog.svg', width: '100') %>
</span>
<h4 class="my-3">3. Browse pets</h4>
<div class="card rounded-bottom-0 mb-2" style="width: 14rem;">
<%= image_tag('spider.jpeg', width: '500px', alt: "Adorable Dog", class: "card-img-top rounded-top-1") %>
<div class="card-body">
<p class="card-text text-black ">Adoptable Spiders <svg xmlns="http://www.w3.org/2000/svg" height="14" width="12.25" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="#5E3FCB" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg></p>
</div>
</div>
<div class="col-md-3 pb-3">
<span>
<%= image_tag('click.svg', width: '100') %>
</span>
<h4 class="my-3">4. Click apply</h4>
<div class="card rounded-bottom-0 mb-2" style="width: 14rem;">
<%= image_tag('red-panda.jpeg', width: '500px', alt: "Adorable Dog", class: "card-img-top rounded-top-1") %>
<div class="card-body">
<p class="card-text text-black ">Adoptable Red Pandas <svg xmlns="http://www.w3.org/2000/svg" height="14" width="12.25" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="#5E3FCB" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg></p>
</div>
</div>
</div> <!--row-->
</div> <!--container-->
</div>
<!-- Adopt all link -->
<div class="d-flex justify-content-end align-items-center mt-3">
<%= link_to "Browse All Pets", adoptable_pets_path, class: "text-primary fs-3 me-1" %>
<svg xmlns="http://www.w3.org/2000/svg" height="14" width="12.25" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="#5E3FCB" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
</div>
</div>
</section>


<!-- ABOUT US-->
<section class="bg-light pt-5 pb-5" id="about_us">
<div class="container mb-md-5 mt-md-5">
Expand Down

0 comments on commit 4bff2b0

Please sign in to comment.