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

Added separate login-banner and footer #54

Open
wants to merge 4 commits into
base: master
Choose a base branch
from

Conversation

baishakhi9931
Copy link

1

footer p

yob

Copy link
Member

@asrient asrient left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You need to add the login-banner and footer to blog page too.

Comment on lines +61 to +63
background: #D0D8DB;
padding-top: 60px;
padding-bottom: 40px;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

don't change body styles

Comment on lines +66 to +68
textarea {
resize: none;
}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it's not required for our footer and might interfere with other elements unintentionally

Comment on lines +3 to +4
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/all.js" integrity="sha384-xymdQtn1n3lH2wcu0qhcdaOpQwyoarkgLVxC/wZ5q7h9gHtxICrpcaSUfygqZGOe" crossorigin="anonymous"></script>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

don't use this library since we are not using it elsewhere. Instead, put the icons in the static/icons directory.

Comment on lines +5 to +6
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<body>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Invalid html, body and meta tags are already defined in the base file

Comment on lines +38 to +42
<a class="social-button facebook" href="https://facebook.com/dsciem" target="_blank"><i class="fab fa-facebook-f"></i></a>
<a class="social-button twitter" href="https://twitter.com/dsc_iem" target="_blank"><i class="fab fa-twitter"></i></a>
<a class="social-button linkedin" href="https://www.linkedin.com/company/dsciem" target="_blank"><i class="fab fa-linkedin"></i></a>
<a class="social-button youtube" href="http://www.youtube.com/c/DSCIEM" target="_blank"><i class="fab fa-youtube"></i></a>
<a class="social-button instagram" href="https://instagram.com/dsc_iem" target="_blank"><i class="fab fa-instagram"></i></a>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use img elements or set background-image

<a class="social-button instagram" href="https://instagram.com/dsc_iem" target="_blank"><i class="fab fa-instagram"></i></a>
</div>
<p>
<a href="https://github.com/dsc-iem/blog"><b>Help us make this website better :) </b></a>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"Help us make this website better >" no

Comment on lines +54 to +57
* {
margin: 0;
padding: 0;
}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

remove

</div>
</div>
</footer>
</body>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

remove

Unleash your creativity <br/> with DSC IEM</h1> <h7>
<div style="padding-top: 15px;padding-left: 30px;padding-right: 0px;">Read and share ideas from independent voices, world-class <br/> publications, and experts from around the globe. Everyone's <br/> welcome. </h7> <br/> </div> <div style="padding-top: 15px;padding-left: 30px;padding-right: 0px;">
<a class="hd_opt btn btn-bordered" href="/accounts/login" style="width: 100px ;">Log In</a>
</div>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the top level div is not closed.
add another </div> at the end

left: 60px;
top:60px;
margin-top:20px;
background: radial-gradient(91.06% 87.79% at 7.31% 5.58%, #96FF8B 0%, #A5FFC2 24.18%, #92FFF2 45.35%, #FFCAEF 74.34%, #FFE654 100%);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

make the background colors darker (maybe a different set but darker) for dark mode.
use it like:

[data-theme="dark"] .elem {
  background-color: ...
}

Do this inside style tags or css files

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

Successfully merging this pull request may close these issues.

2 participants