<

Difference between revisions of "Main Page"

From AVOID Frailty: Program for Healthy Aging (Alberta)

 
 
(15 intermediate revisions by the same user not shown)
Line 8: Line 8:
 
/* Slideshow container */
 
/* Slideshow container */
 
.slideshow-container {
 
.slideshow-container {
   max-width: 960px;
+
   max-width: 900px;
 
   position: relative;
 
   position: relative;
 
   margin: auto;
 
   margin: auto;
Line 105: Line 105:
 
   .prev, .next,.text {font-size: 11px}
 
   .prev, .next,.text {font-size: 11px}
 
}
 
}
 +
 +
.top-button {
 +
    padding: 6px 0 !important;
 +
    width: 132;
 +
    font-size: 1em;
 +
    display: inline-block;
 +
    margin-right: 10;
 +
    margin-top: 13;
 +
    float: right;
 +
    height: calc(1em + 1px);
 +
    line-height: calc(1em + 1px);
 +
}
 +
 
</style>
 
</style>
  
Line 111: Line 124:
 
<div class="mySlides fade">
 
<div class="mySlides fade">
 
   <div class="numbertext">1 / 7</div>
 
   <div class="numbertext">1 / 7</div>
   <img src="https://healthyagingcentres.ca/ab/VM.png" style="width:100%">
+
   <img src="https://haa.seniorsplace.ca/VM.png" style="width:100%">
 
   <div class="text">Vibrant Minds</div>
 
   <div class="text">Vibrant Minds</div>
 
   <div class="overlay"></div>
 
   <div class="overlay"></div>
Line 118: Line 131:
 
<div class="mySlides fade">
 
<div class="mySlides fade">
 
   <div class="numbertext">2 / 7</div>
 
   <div class="numbertext">2 / 7</div>
   <img src="https://healthyagingcentres.ca/ab/VG.png" style="width:100%">
+
   <img src="https://haa.seniorsplace.ca/VG.png" style="width:100%">
 
   <div class="text">Virtual Gym</div>
 
   <div class="text">Virtual Gym</div>
 
   <div class="overlay"></div>
 
   <div class="overlay"></div>
Line 125: Line 138:
 
<div class="mySlides fade">
 
<div class="mySlides fade">
 
   <div class="numbertext">3 / 6</div>
 
   <div class="numbertext">3 / 6</div>
   <img src="https://healthyagingcentres.ca/ab/fitness.png" style="width:100%">
+
   <img src="https://haa.seniorsplace.ca/fitness.png" style="width:100%">
 
   <div class="text">Activity Challenge</div>
 
   <div class="text">Activity Challenge</div>
 
   <div class="overlay"></div>
 
   <div class="overlay"></div>
Line 132: Line 145:
 
<div class="mySlides fade">
 
<div class="mySlides fade">
 
   <div class="numbertext">4 / 6</div>
 
   <div class="numbertext">4 / 6</div>
   <img src="https://healthyagingcentres.ca/ab/education.png" style="width:100%">
+
   <img src="https://haa.seniorsplace.ca/education.png" style="width:100%">
 
   <div class="text">Education</div>
 
   <div class="text">Education</div>
 
   <div class="overlay"></div>
 
   <div class="overlay"></div>
Line 139: Line 152:
 
<div class="mySlides fade">
 
<div class="mySlides fade">
 
   <div class="numbertext">5 / 6</div>
 
   <div class="numbertext">5 / 6</div>
   <img src="https://healthyagingcentres.ca/ab/services.png" style="width:100%">
+
   <img src="https://haa.seniorsplace.ca/services.png" style="width:100%">
 
   <div class="text">Services</div>
 
   <div class="text">Services</div>
 
   <div class="overlay"></div>
 
   <div class="overlay"></div>
Line 146: Line 159:
 
<div class="mySlides fade">
 
<div class="mySlides fade">
 
   <div class="numbertext">6 / 6</div>
 
   <div class="numbertext">6 / 6</div>
   <img src="https://healthyagingcentres.ca/ab/assessment.png" style="width:100%">
+
   <img src="https://haa.seniorsplace.ca/assessment.png" style="width:100%">
 
   <div class="text">Assessment</div>
 
   <div class="text">Assessment</div>
 
   <div class="overlay"></div>
 
   <div class="overlay"></div>
Line 204: Line 217:
 
}
 
}
 
</script>
 
</script>
 +
 +
<p class='program-body' style='text-align: center; max-width: 100%;'><b>Frailty is not an inevitable part of aging.</b> Our team is working on a coordinated approach, to mitigate physical, cognitive and mental frailty. We are developing a holistic approach to support the entire person and their health challenges in a coordinated, caring manner.</p>
  
 
<!-- Tiles -->
 
<!-- Tiles -->
  
<div class='modules' style='justify-content: center;'><div class='modules'>
+
<div class='modules' style='justify-content: center;'><div class='modules inner-modules'>
 
     <a title='Vibrant Minds' class='module module-7cols-outer' href='https://vibrantminds.seniorsplace.ca/'>
 
     <a title='Vibrant Minds' class='module module-7cols-outer' href='https://vibrantminds.seniorsplace.ca/'>
         <img src='https://healthyagingcentres.ca/ab/EducationModules/vm.png' alt='Vibrant Minds' />
+
         <img src='https://haa.seniorsplace.ca/EducationModules/vm.png' alt='Vibrant Minds' />
 
         <div class='module-progress-text' style='border-top: 2px solid #0070c7;'>Vibrant Minds</div>
 
         <div class='module-progress-text' style='border-top: 2px solid #0070c7;'>Vibrant Minds</div>
 
     </a>
 
     </a>
     <a title='Virtual Gym' class='module module-7cols-outer' href='http://142.244.110.140:8054/virtualgym/start'>
+
     <a title='Virtual Gym' class='module module-7cols-outer' href='https://vgym.seniorsplace.ca'>
         <img src='https://healthyagingcentres.ca/ab/EducationModules/vg.png' alt='Virtual Gym' />
+
         <img src='https://haa.seniorsplace.ca/EducationModules/vg.png' alt='Virtual Gym' />
 
         <div class='module-progress-text' style='border-top: 2px solid #0070c7;'>Virtual Gym</div>
 
         <div class='module-progress-text' style='border-top: 2px solid #0070c7;'>Virtual Gym</div>
 
     </a>
 
     </a>
     <a title='Wearable Intake' class='module module-7cols-outer' href='https://healthyagingcentres.ca/ab/index.php/DepressionData'>
+
     <a title='Wearables' class='module module-7cols-outer' href='https://haa.seniorsplace.ca/index.php/Wearables'>
         <img src='https://healthyagingcentres.ca/ab/EducationModules/vi.png' alt='Wearable Intake' />
+
         <img src='https://haa.seniorsplace.ca/EducationModules/vi.png' alt='Wearables' />
         <div class='module-progress-text' style='border-top: 2px solid #0070c7;'>Wearable Intake</div>
+
         <div class='module-progress-text' style='border-top: 2px solid #0070c7;'>Wearables</div>
 
     </a>
 
     </a>
 
     <a title='Activity Challenge' class='module module-7cols-outer' href='https://trek.seniorsplace.ca/'>
 
     <a title='Activity Challenge' class='module module-7cols-outer' href='https://trek.seniorsplace.ca/'>
         <img src='https://healthyagingcentres.ca/ab/skins/trek.png' alt='Activity Challenge' />
+
         <img src='https://haa.seniorsplace.ca/skins/trek.png' alt='Activity Challenge' />
 
         <div class='module-progress-text' style='border-top: 2px solid #0070c7;'>Activity Challenge</div>
 
         <div class='module-progress-text' style='border-top: 2px solid #0070c7;'>Activity Challenge</div>
 
     </a>
 
     </a>
     <a title='Education' class='module module-7cols-outer' href='https://healthyagingcentres.ca/ab/index.php/Special:EducationResources'>
+
     <a title='Education' class='module module-7cols-outer' href='https://haa.seniorsplace.ca/index.php/Special:EducationResources'>
         <img src='https://healthyagingcentres.ca/ab/EducationModules/IngredientsForChange.png' alt='Education' />
+
         <img src='https://haa.seniorsplace.ca/EducationModules/IngredientsForChange.png' alt='Education' />
 
         <div class='module-progress-text' style='border-top: 2px solid #0070c7;'>Education</div>
 
         <div class='module-progress-text' style='border-top: 2px solid #0070c7;'>Education</div>
 
     </a>
 
     </a>
     <a title='Services' class='module module-7cols-outer' href='https://healthyagingcentres.ca/ab/index.php/Special:PharmacyMap'>
+
     <a title='Services' class='module module-7cols-outer' href='https://haa.seniorsplace.ca/index.php/Special:ServiceRecommendations'>
         <img src='https://healthyagingcentres.ca/ab/EducationModules/map.png' alt='Services' />
+
         <img src='https://haa.seniorsplace.ca/EducationModules/map.png' alt='Services' />
 
         <div class='module-progress-text' style='border-top: 2px solid #0070c7;'>Services</div>
 
         <div class='module-progress-text' style='border-top: 2px solid #0070c7;'>Services</div>
 
     </a>
 
     </a>
     <a title='Assessment' class='module module-7cols-outer' href='https://healthyagingcentres.ca/ab/index.php/Special:AVOIDDashboard'>
+
     <a title='Assessment' class='module module-7cols-outer' href='https://haa.seniorsplace.ca/index.php/Special:AVOIDDashboard'>
         <img src='https://healthyagingcentres.ca/ab/skins/report_big.png' alt='Assessment' />
+
         <img src='https://haa.seniorsplace.ca/skins/report_big.png' alt='Assessment' />
 
         <div class='module-progress-text' style='border-top: 2px solid #0070c7;'>Assessment</div>
 
         <div class='module-progress-text' style='border-top: 2px solid #0070c7;'>Assessment</div>
 
     </a>
 
     </a>
Line 240: Line 255:
 
</div></div>
 
</div></div>
 
<div class="" style="margin-top:1em; text-align:center;">
 
<div class="" style="margin-top:1em; text-align:center;">
<a id="googleLoginButton" class="program-button" style="padding:1em 5em; font-size:1.25em; white-space:nowrap; display:none;" href="https://healthyagingcentres.ca/ab/index.php/Special:UserLogIn">Sign in</a>
+
<a id="googleLoginButton" class="program-button" style="padding:1em 5em; font-size:1.25em; white-space:nowrap; display:none;" href="https://haa.seniorsplace.ca/index.php/Special:UserLogIn">Sign in</a>
 
</div>
 
</div>
  
Line 275: Line 290:
 
         text-align: center;
 
         text-align: center;
 
         display: none;
 
         display: none;
 +
    }
 +
 +
    .inner-modules {
 +
        max-width: 90%;
 +
    }
 +
 +
    @media only screen and (max-width: 1024px) {
 +
        .inner-modules {
 +
            max-width: 100%;
 +
        }
 
     }
 
     }
 
</style>
 
</style>
Line 283: Line 308:
 
         $("#mobileMenu").hide();
 
         $("#mobileMenu").hide();
 
         $("#googleLoginButton").show();
 
         $("#googleLoginButton").show();
 +
        $("#googleLoginButton").clone()
 +
                              .removeClass("program-button").addClass("button").addClass("top-button")
 +
                              .css("width", 132)
 +
                              .css("font-size", "1em")
 +
                              .css("display", "inline-block")
 +
                              .css("margin-right", 10)
 +
                              .css("margin-top", 13)
 +
                              .css("float", "right")
 +
                              .css("height", "calc(1em + 1px)")
 +
                              .css("line-height", "calc(1em + 1px)")
 +
                              .appendTo("#header ul");
 
     }
 
     }
 +
       
 
</script>
 
</script>
 
</html>
 
</html>
  
 
[/public]
 
[/public]

Latest revision as of 21:11, 29 October 2024

1 / 7
Vibrant Minds
2 / 7
Virtual Gym
3 / 6
Activity Challenge
4 / 6
Education
5 / 6
Services
6 / 6
Assessment

Frailty is not an inevitable part of aging. Our team is working on a coordinated approach, to mitigate physical, cognitive and mental frailty. We are developing a holistic approach to support the entire person and their health challenges in a coordinated, caring manner.

X points
Lorem Ipsum