You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
To begin working on this task, create a branch based off of the currently checked out branch using the following convention: proj-me-initials-59
Currently, we only have a hero background image displaying on the front page. This is because we created a custom twig file that only targets the front page (page--front.html.twig). We want to have a hero background image on every page other than the home page. The same goes for the copyright footer at the very bottom of our front page. You will only see that block on the front page because we placed its HTML inside the page--front.html.twig which once again, only targets the front page.
Let us create a twig file that targets all pages besides the front page! That way, we can have a hero image and the copyright footer block on every page in addition to the homepage.
Copy the proj-me/web/themes/contrib/bootstrap/templates/system/page.html.twig file and paste it into proj-me/web/themes/custom/proj_me_theme/templates
Edit this file and just as you did for the page--front.html.twig file, add a div that will contain the navigation and header. Feel free to use the page--front.html.twig file for reference. You should obviously use a different ID for your div in your new page.html.twig file. You can then use SASS to apply a background image to this div. I will paste the image that you should use at the bottom of this issue.
Copy the HTML for the footer copyright block from the page--front.html.twig file and paste it into the page.html.twig file. This includes the div with a class of footer-copyright.
Save your file, clear the cache, and visit a content node on your website (You can see all content by navigating to the content section of your website). And you should see a hero image in the header as well as the copyright block in the footer!
Upon completion of the task, please commit and push all your work to your fork of the proj-me repository. You do not need to export your configuration for this task. Remember to create a pull request.
Leave a comment on this issue when you:
Start working on this task
Have a question about this task
Complete this task (please comment on this task with a link to your pull request).
The text was updated successfully, but these errors were encountered:
proj-me-initials-59
footer-copyright
.The text was updated successfully, but these errors were encountered: