Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create a twig file that targets all pages besides the homepage #59

Open
AliHassan7 opened this issue May 16, 2017 · 3 comments
Open

Create a twig file that targets all pages besides the homepage #59

AliHassan7 opened this issue May 16, 2017 · 3 comments

Comments

@AliHassan7
Copy link
Contributor

AliHassan7 commented May 16, 2017

  • 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).
@AliHassan7
Copy link
Contributor Author

otherhero

@msheikh12
Copy link
Contributor

Started working on it.

@msheikh12
Copy link
Contributor

Completed #61

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants