diff --git a/media/logo2.0.png b/media/logo2.0.png new file mode 100644 index 0000000..d15333b Binary files /dev/null and b/media/logo2.0.png differ diff --git a/media/logo2_cropped (2).svg b/media/logo2_cropped (2).svg new file mode 100644 index 0000000..0cf476f --- /dev/null +++ b/media/logo2_cropped (2).svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/news/static/news/css/styles.css b/news/static/news/css/styles.css index f68d1f3..33ad544 100644 --- a/news/static/news/css/styles.css +++ b/news/static/news/css/styles.css @@ -103,3 +103,49 @@ a.article-title:hover { text-decoration: none !important; color: black !important; } + +.btn:hover { + transform: translateY(-3px); + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); +} + +.btn:active { + transform: translateY(-1px); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); +} + +.btn::after { + content: ""; + display: inline-block; + height: 100%; + width: 100%; + border-radius: 100px; + position: absolute; + top: 0; + left: 0; + z-index: -1; + transition: all .4s; +} + +.btn:hover::after { + /*transform: scaleX(1.4) scaleY(1.6);*/ + opacity: 0; +} + +.btn-animated { + animation: moveInBottom 5s ease-out; + animation-fill-mode: backwards; +} + +@keyframes moveInBottom { + 0% { + opacity: 0; + transform: translateY(30px); + } + + 100% { + opacity: 1; + transform: translateY(0px); + } +} + diff --git a/news/templates/news/about.html b/news/templates/news/about.html index 3f0ef82..67a10fa 100644 --- a/news/templates/news/about.html +++ b/news/templates/news/about.html @@ -1,4 +1,5 @@ {% extends 'news/base.html' %} {% block content %} -

This is the NVN about page.

+

About NewViewsNews

+

In this day and age, close-mindedness and echochambers prevent others from being exposed to people who offer varying perspectives. This has caused a lot of conflict within our society. Our solution: NewViewsNews.

NewViewsNews is a crowdsourcing news site that allows you to view the news and opinions of people who have opposing political views. To get started, you simply make an account and specify your position on the political compass. After that, you can write your own posts and view other posts! Our algorithms will display posts from individuals on the opposite side of the compass on your home page.

NewViewsNews is paving the way for an open minded and more understanding community. Join us today!

{% endblock content %} diff --git a/news/templates/news/base.html b/news/templates/news/base.html index 232f468..15dc1f2 100644 --- a/news/templates/news/base.html +++ b/news/templates/news/base.html @@ -12,7 +12,7 @@ - + NewViewsNews @@ -21,7 +21,7 @@