Added Reach For The Heart to gallery

Author: Toma Nistor

content/gallery/reach-for-the-heart.md

@@ -0,0 +1,26 @@
++++
+title = "Reach for the Heart"
+date = 2020-02-01T17:14:07-08:00
+image = "reach-for-the-heart.png"
+alt = "Reach for the Heart"
+color = "#FEC800"
+link1 = "https://www.reachfortheheart.com"
+link2 = ""
+category = ["Health Awareness Website"]
+tag = ["Web Development", "SEO"]
+projectDate = "Summer 2019"
+draft = false
++++
+
+### Summary
+Reach for the Heart is the website behind a heart valve disease awareness campaign. The site presents the user with information about heart valve disease, how to recognize symptoms, and how to get a full diagnosis and treatment if the disease is present.
+
+One of the main features of the site is the interactive questionnaire in which a user can answer a few questions about themselves or on behalf of a loved one to help recognize the presence of heart valve disease. A personalized discussion guide PDF is then generated based on the user's answers which can help start a conversation with a doctor.
+
+Extensive accessibility considerations were put into the project to help ensure that elderly and disabled users could effortlessly navigate the site and read the information. Search engine optimization and tracking through Google Tag Manager was implemented to help gather data about how users were interacting with the website and what type of improvements could be made to help users reach necessary information.
+
+### Tools
+- JavaScript
+- PHP
+- WordPress
+- GreenSock

data/cachedAssets.json

@@ -1 +1 @@
-{"main.css":"main-26acaea1.min.css","contact.js":"contact-2c9aef39.min.js","index.js":"index-04450a18.min.js","main.js":"main-bb658381.min.js","modal.js":"modal-bf290f66.min.js"}
+{}

public/404.html

@@ -186,6 +186,50 @@ <h1>404!</h1>
 
 
 
+  <div id="modal-d57d" class="modal">
+
+    
+    <div class="modal-box">
+      <span class="close">&times;</span>
+      <div class="modal-container">
+
+        <div class="modal-header">
+          <div class="modal-header-img-container" style="background-color:#FEC800">
+            <img data-src="https://tomanistor.com/images/reach-for-the-heart.png" class="lazyload" alt="Reach for the Heart">
+          </div>
+        </div>
+
+        <div class="modal-content">
+          <h2>Reach for the Heart</h2>
+
+          <article class="entry-content">
+            <h3 id="summary">Summary</h3>
+<p>Reach for the Heart is the website behind a heart valve disease awareness campaign. The site presents the user with information about heart valve disease, how to recognize symptoms, and how to get a full diagnosis and treatment if the disease is present.</p>
+<p>One of the main features of the site is the interactive questionnaire in which a user can answer a few questions about themselves or on behalf of a loved one to help recognize the presence of heart valve disease. A personalized discussion guide PDF is then generated based on the user&rsquo;s answers which can help start a conversation with a doctor.</p>
+<p>Extensive accessibility considerations were put into the project to help ensure that elderly and disabled users could effortlessly navigate the site and read the information. Search engine optimization and tracking through Google Tag Manager was implemented to help gather data about how users were interacting with the website and what type of improvements could be made to help users reach necessary information.</p>
+<h3 id="tools">Tools</h3>
+<ul>
+<li>JavaScript</li>
+<li>PHP</li>
+<li>WordPress</li>
+<li>GreenSock</li>
+</ul>
+
+          </article>
+
+          <h3><a href="https://www.reachfortheheart.com">View</a></h3>
+          
+        </div>
+
+      </div>
+    </div>
+
+  </div>
+
+
+  
+  
+
   <div id="modal-8d18" class="modal">
 
 
@@ -203,16 +247,10 @@ <h1>404!</h1>
           <h2>Lincoln Property Company</h2>
 
           <article class="entry-content">
-            
-
-<h3 id="summary:8d185ea955a7d560e4a52d0b510d51de">Summary</h3>
-
+            <h3 id="summary">Summary</h3>
 <p>Lincoln Property Company is the second largest property management company in the US with over 184,000 units under management. In late 2018, I developed an interactive infographic that presents the current state of consumer trends and behaviors in an easily digestible manner.</p>
-
 <p>The infographic displays digital marketing statistics about sourced from a variety of sources. The information is displayed with eye-catching animations that are initiated by a user&rsquo;s scroll behavior.</p>
-
-<h3 id="tools:8d185ea955a7d560e4a52d0b510d51de">Tools</h3>
-
+<h3 id="tools">Tools</h3>
 <ul>
 <li>Foundation</li>
 <li>jQuery</li>
@@ -254,18 +292,11 @@ <h3><a href="https://www.lincolnapts.com/trends-infographic">View</a></h3>
           <h2>Amp Residential</h2>
 
           <article class="entry-content">
-            
-
-<h3 id="summary:2797e7cd698b992fbb6652a773be0d6c">Summary</h3>
-
+            <h3 id="summary">Summary</h3>
 <p>One of my largest projects came in the fall of 2018 with AMP Residential, a property management company whose goal was to launch an entire suite of websites for a portfolio of 30+ multifamily properties. A theme requiring extensive customization capabilities to fit the different needs of all properties and their websites was needed.</p>
-
 <p>The design was challenging because of several offset elements that needed repositioning and resizing for different viewports and many sections demanded conditionality to fit the content of each site, but it was a fun puzzle to solve. It&rsquo;s become a favorite build of mine.</p>
-
 <p>Some of the sites built with this theme include <a href="https://www.ampresidential.com/riverfront-towers-detroit-mi">RiverFront Towers</a>, <a href="https://www.ampresidential.com/stone-ridge-indianapolis-in/">Stone Ridge Apartments</a>, and <a href="https://www.ampresidential.com/woodland-creek-kentwood-mi/">Woodland Creek Apartments</a>.</p>
-
-<h3 id="tools:2797e7cd698b992fbb6652a773be0d6c">Tools</h3>
-
+<h3 id="tools">Tools</h3>
 <ul>
 <li>Foundation</li>
 <li>jQuery</li>
@@ -304,16 +335,10 @@ <h3 id="tools:2797e7cd698b992fbb6652a773be0d6c">Tools</h3>
           <h2>Morada Plano</h2>
 
           <article class="entry-content">
-            
-
-<h3 id="summary:0138655019351d06639af78ee0b0695b">Summary</h3>
-
+            <h3 id="summary">Summary</h3>
 <p>Morada Plano is a luxury apartment complex located in the Plano Arts District and Historic Downtown Plano. In the summer of 2018, I developed another custom property site for Southern Land Company.</p>
-
 <p>For this build, I implemented new UX features requested by the client and designer like parallax scrolling, SVG animations, counter animations, and an Instagram feed.</p>
-
-<h3 id="tools:0138655019351d06639af78ee0b0695b">Tools</h3>
-
+<h3 id="tools">Tools</h3>
 <ul>
 <li>Foundation</li>
 <li>jQuery</li>
@@ -353,16 +378,10 @@ <h3><a href="https://www.moradaplano.com/morada-plano-tx/">View</a></h3>
           <h2>Avenue5 Residential</h2>
 
           <article class="entry-content">
-            
-
-<h3 id="summary:d3b7150ccc377ef8cc8044be1ac3149b">Summary</h3>
-
+            <h3 id="summary">Summary</h3>
 <p>Avenue5 Residential is a multifamily property management company with 40,000 units and 200 properties across the United States. Although they sustained a large online presence, a number of their properties websites were in need of fresh, updated design and functionality. In early 2018, I developed a custom site theme that was applied to a number of websites under their portfolio of properties that was moved to a Ruby on Rails platform.</p>
-
 <p>Two of the property sites undergoing transformation included <a href="https://www.liveatbouldercanyon.com/boulder-canyon-west-jordan-ut/">Boulder Canyon</a> and <a href="https://www.liveatcanyonview.com/canyon-view-orem-ut/">Canyon View</a>.</p>
-
-<h3 id="test:d3b7150ccc377ef8cc8044be1ac3149b">Tools</h3>
-
+<h3 id="test">Tools</h3>
 <ul>
 <li>Foundation</li>
 <li>jQuery</li>
@@ -401,14 +420,9 @@ <h3><a href="https://www.liveatcanyonview.com/canyon-view-orem-ut/">View</a></h3
           <h2>Vertis Green Hills</h2>
 
           <article class="entry-content">
-            
-
-<h3 id="summary:524b81cb4e07d1c546a9a6b209129d60">Summary</h3>
-
+            <h3 id="summary">Summary</h3>
 <p>Vertis Green Hills is a Southern Land Company residential community made up of luxury apartments with onsite dining and shopping in Nashville, TN. I developed the site in late 2017 while the property was finishing construction and anticipated for opening in 2018.</p>
-
-<h3 id="tools:524b81cb4e07d1c546a9a6b209129d60">Tools</h3>
-
+<h3 id="tools">Tools</h3>
 <ul>
 <li>Foundation</li>
 <li>jQuery</li>
@@ -447,14 +461,9 @@ <h3><a href="http://www.vertisgreenhills.com/vertis-nashville-tn/">View</a></h3>
           <h2>Miniflix</h2>
 
           <article class="entry-content">
-            
-
-<h3 id="summary:cbef403bf8b32f83c3a5499686fa4919">Summary</h3>
-
+            <h3 id="summary">Summary</h3>
 <p>Miniflix is an experiment in building a React app with Create React App and Auth0. I built a single-page app with a user login system that serves videos through Cloudinary.</p>
-
-<h3 id="tools:cbef403bf8b32f83c3a5499686fa4919">Tools</h3>
-
+<h3 id="tools">Tools</h3>
 <ul>
 <li>Auth0</li>
 <li>Bootstrap</li>
@@ -528,14 +537,9 @@ <h3><a href="resume.pdf">View</a></h3>
           <h2>Osprey</h2>
 
           <article class="entry-content">
-            
-
-<h3 id="summary:df0b22f4f374b0b2f689b37339468d5d">Summary</h3>
-
+            <h3 id="summary">Summary</h3>
 <p>Osprey is an open source Hugo theme that I designed and developed to use for my own portfolio site. I have been maintaining and improving it with the support of the Hugo community on GitHub since 2017.</p>
-
-<h3 id="tools:df0b22f4f374b0b2f689b37339468d5d">Tools</h3>
-
+<h3 id="tools">Tools</h3>
 <ul>
 <li><a href="https://usebasin.com/">Basin</a></li>
 <li><a href="https://disqus.com">Disqus</a></li>
@@ -577,14 +581,9 @@ <h3><a href="https://github.com/tomanistor/osprey">Code</a></h3>
           <h2>Rhino Linings Corporation SPF</h2>
 
           <article class="entry-content">
-            
-
-<h3 id="summary:d52560453228962c5c6e08a99a1a3e16">Summary</h3>
-
+            <h3 id="summary">Summary</h3>
 <p>Rhino Linings Spray Foam Insulation, newly formed division of Rhino Linings Corporation, required a corporate website that could reach both consumers and clients. Using Wordpress, I built a site that served as a valuable marking asset.</p>
-
-<h3 id="tools:d52560453228962c5c6e08a99a1a3e16">Tools</h3>
-
+<h3 id="tools">Tools</h3>
 <ul>
 <li>Wordpress</li>
 </ul>
@@ -621,14 +620,9 @@ <h3><a href="http://spf.rhinolinings.com">View</a></h3>
           <h2>Rugged Fellows Guide</h2>
 
           <article class="entry-content">
-            
-
-<h3 id="summary:f54ebfb17cd411e9ca65de70aac93344">Summary</h3>
-
+            <h3 id="summary">Summary</h3>
 <p>Rugged Fellows Guide is a lifestyle blog created as a personal project to experiment with the Wordpress platform, web design, digital marketing, and SEO fundamentals. Within the first 6 months, the site generated as many as 30,000 sessions per day.</p>
-
-<h3 id="tools:f54ebfb17cd411e9ca65de70aac93344">Tools</h3>
-
+<h3 id="tools">Tools</h3>
 <ul>
 <li>Wordpress</li>
 </ul>
@@ -665,14 +659,9 @@ <h3><a href="https://ruggedfellowsguide.com">View</a></h3>
           <h2>LEARN academy</h2>
 
           <article class="entry-content">
-            
-
-<h3 id="summary:5b6d7ac63781e503d7210058fbbf64c7">Summary</h3>
-
+            <h3 id="summary">Summary</h3>
 <p>LEARN academy is a full-stack web development bootcamp in San Diego, CA. The website required optimization in terms of speed and organic search engine rankings. Assets were optimized, page loading speed improved, and pages were restructured according to modern SEO standards so that content could be properly crawled by search engines.</p>
-
-<h3 id="tools:5b6d7ac63781e503d7210058fbbf64c7">Tools</h3>
-
+<h3 id="tools">Tools</h3>
 <ul>
 <li>Google PageSpeed Insights</li>
 <li>Google Search Console</li>
@@ -711,14 +700,9 @@ <h3><a href="https://www.learnacademy.org">View</a></h3>
           <h2>VolunteerUp</h2>
 
           <article class="entry-content">
-            
-
-<h3 id="summary:8b68d1ca0840aa3ed28c88dcaf8ec1fa">Summary</h3>
-
+            <h3 id="summary">Summary</h3>
 <p>VolunteerUp is a Ruby on Rails app that connects volunteers with non-profit organizations. It was built in a 2-week sprint on a team of 7 developers as a final project during the LEARN Academy full-stack Ruby on Rails course. My primary involvement was developing the component for searching and filtering organizations and events within the application as well as some UI/UX guidance.</p>
-
-<h3 id="tools:8b68d1ca0840aa3ed28c88dcaf8ec1fa">Tools</h3>
-
+<h3 id="tools">Tools</h3>
 <ul>
 <li>Kaminari</li>
 <li>Filteriffic</li>