Put in adaptive layout for mobile. Introduce JavaScript free nav menu toggle.
This commit is contained in:
parent
4b6f5e74bc
commit
8d91abd3ae
2 changed files with 64 additions and 4 deletions
|
@ -20,10 +20,16 @@
|
|||
@RenderBody()
|
||||
</main>
|
||||
<nav>
|
||||
@await Component.InvokeAsync("ProjectNavigation")
|
||||
@await Component.InvokeAsync("BlogNavigation")
|
||||
<iframe height='160' width='250' frameborder='0' allowtransparency='true' scrolling='no' src='https://www.strava.com/athletes/8892667/activity-summary/df1a6e21a9947dbe7a9dd36f86b1c17185002d22'></iframe>
|
||||
<iframe height='454' width='250' frameborder='0' allowtransparency='true' scrolling='no' src='https://www.strava.com/athletes/8892667/latest-rides/df1a6e21a9947dbe7a9dd36f86b1c17185002d22'></iframe>
|
||||
<label for="menu-toggle"><img class="nav-open" src="/images/menu.svg" /></label>
|
||||
<input type="checkbox" id="menu-toggle" />
|
||||
<div class="nav-container">
|
||||
@await Component.InvokeAsync("ProjectNavigation")
|
||||
@await Component.InvokeAsync("BlogNavigation")
|
||||
</div>
|
||||
<div class="strava">
|
||||
<iframe height='160' width='250' frameborder='0' allowtransparency='true' scrolling='no' src='https://www.strava.com/athletes/8892667/activity-summary/df1a6e21a9947dbe7a9dd36f86b1c17185002d22'></iframe>
|
||||
<iframe height='454' width='250' frameborder='0' allowtransparency='true' scrolling='no' src='https://www.strava.com/athletes/8892667/latest-rides/df1a6e21a9947dbe7a9dd36f86b1c17185002d22'></iframe>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<footer>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue