-
Notifications
You must be signed in to change notification settings - Fork 6
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
base: master
Are you sure you want to change the base?
Conversation
baishakhi9931
commented
Jan 1, 2021
There was a problem hiding this 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.
background: #D0D8DB; | ||
padding-top: 60px; | ||
padding-bottom: 40px; |
There was a problem hiding this comment.
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
textarea { | ||
resize: none; | ||
} |
There was a problem hiding this comment.
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
<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> |
There was a problem hiding this comment.
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.
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<body> |
There was a problem hiding this comment.
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
<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> |
There was a problem hiding this comment.
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> |
There was a problem hiding this comment.
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
* { | ||
margin: 0; | ||
padding: 0; | ||
} |
There was a problem hiding this comment.
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> |
There was a problem hiding this comment.
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> |
There was a problem hiding this comment.
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%); |
There was a problem hiding this comment.
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