Header Changes + Text Changes

Makes the header more close to late 2012, made the home page text closer to late 2012's one.
This commit is contained in:
tersiswilvin 2022-08-18 22:15:31 -07:00
parent 6d4c867e9f
commit b80488d756
7 changed files with 89 additions and 32 deletions

View File

@ -376,10 +376,6 @@ body {
background: none;
}
#NavigationRedesignBannerContainer p {
color: #fff;
}
#logo_full,
#logo_full .btn-logo {
height: 30px;
@ -402,7 +398,7 @@ body {
height: 40px
}
.navbarbutton {
#NavigationRedesignBannerContainer ul li a, .NavigationRedesign ul li a:visited, .navbarbutton {
color: #fff;
font-family: "Source Sans Pro", Arial, Helvetica Neue, sans-serif;
padding: 6px 9px;
@ -415,13 +411,14 @@ body {
float: left;
margin: 4px auto;
top: 0;
text-shadow: none;
}
#NavigationRedesignBannerContainer {
font-family: "Source Sans Pro", Arial, Helvetica Neue, sans-serif;
}
.navbarbutton:hover {
#NavigationRedesignBannerContainer ul li a:hover, .navbarbutton:hover {
background-color: #191919;
background-color: rgba(25, 25, 25, .1);
border-radius: 5px;
@ -620,8 +617,9 @@ input:focus {
border-color: #00A2FF
}
#navbarsignedincontainer p a {
color: #fff
#navbarsignedincontainer a {
color: #fff;
height: 25px;
}
button:hover a {

View File

@ -93,10 +93,12 @@
#alert {
background: linear-gradient(#f07575 10%, #de2323 100%);
color: #fff;
}
#success {
background: linear-gradient(#a3e2bd 10%, #02b757 100%)
background: linear-gradient(#a3e2bd 10%, #02b757 100%);
color: #fff;
}
.warningtext {
@ -111,6 +113,7 @@
#logo_full {
display: inline-block;
float: left;
margin-right: 5px;
}
#logo_full,
@ -133,8 +136,7 @@
@media (max-width: 970px) {
.navbarbuttoncontainer a,
#navbarusername,
#navbarsignedincontainer,
.arkotcontainer p,
#navbarlogincontainer {
font-size: 11px;
@ -150,8 +152,7 @@
position: relative;
}
.navbarbuttoncontainer a,
#navbarusername,
#navbarsignedincontainer,
.arkotcontainer p,
#navbarlogincontainer {
font-size: 9px;
@ -339,6 +340,21 @@ div.mySubmenuFixed {
background-position: 0 -54px;
}
#NavigationRedesignBannerContainer ul li a, .NavigationRedesign ul li a:visited {
border: 0 solid black;
font-size: 13px;
padding: 0;
text-decoration: none;
outline: none;
font-family: Arial,Helvetica,sans-serif;
text-shadow: #11111191 1px 1px 1px;
}
.NavigationRedesign ul {
margin: 0 auto;
padding: 0;
}
iframe {
width: 100%;
height: 2000px;

View File

@ -34,7 +34,8 @@ html {
}
#logo_full {
display: none;
display: none;
margin-right: 0;
}
#logo_small {
@ -114,13 +115,14 @@ html {
align-items: center;
height: 40px;
}
.navbarbutton {
#NavigationRedesignBannerContainer ul li a, .NavigationRedesign ul li a:visited, .navbarbutton {
position: relative;
padding-right: 5px;
text-align: center;
font-size: 18px;
font-family: "Helvetica Neue";
font-weight: bold;
text-shadow: none;
}
.Redesign .smallnavbarbutton {
position: relative;
@ -137,6 +139,21 @@ html {
top: 44px;
}
#footer_signup a, #footer_signup p a, #footer a, #footer p a {
transition: none;
}
.content_signup a:hover, .content_signup p a:hover, #footer_signup a:hover, #footer_signup p a:hover, #footer a:hover, #footer p a:hover {
color: inherit;
}
#navbarsignedincontainer {
display: block;
}
#navbarsignedincontainer a:nth-child(1)::after {
content: ' | ';
}
@media (min-width: 1688px) {
#logo_full {
display: block;

View File

@ -32,7 +32,8 @@ html {
}
#logo_full {
display: none;
display: none;
margin-right: 0;
}
#logo_small {
@ -112,13 +113,14 @@ html {
align-items: center;
height: 40px;
}
.navbarbutton {
#NavigationRedesignBannerContainer ul li a, .NavigationRedesign ul li a:visited, .navbarbutton {
position: relative;
padding-right: 5px;
text-align: center;
font-size: 18px;
font-family: "Helvetica Neue";
font-weight: bold;
text-shadow: none;
}
.Redesign .smallnavbarbutton {
position: relative;
@ -135,6 +137,21 @@ html {
top: 44px;
}
#footer_signup a, #footer_signup p a, #footer a, #footer p a {
transition: none;
}
.content_signup a:hover, .content_signup p a:hover, #footer_signup a:hover, #footer_signup p a:hover, #footer a:hover, #footer p a:hover {
color: inherit;
}
#navbarsignedincontainer {
display: block;
}
#navbarsignedincontainer a:nth-child(1)::after {
content: ' | ';
}
@media (min-width: 1688px) {
#logo_full {
display: block;

View File

@ -86,7 +86,7 @@
</div>
<div class="Row">
<div class="text-secondary">
Feeds Status :
Feed Status :
</div>
<a class="text-secondary">
@if (!request()->has('q'))
@ -101,7 +101,15 @@
@else
"I'm new to ARCHBLOX!"
@endif
@endif
@endif
</a>
</div>
<div class="Row">
<div class="text-secondary">
Bio :
</div>
<a class="text-secondary">
{!! nl2br(e($user->blurb)) !!}
</a>
</div>
<div class="Row">

View File

@ -19,12 +19,11 @@
<form action="{{ route('feed_post') }}" method="POST">
@csrf
<p style="display: flex;">
<input id="FeedBox" type="text" name="status" placeholder="Say something..." style="width: 80%;"
<input id="FeedBox" type="text" name="status" placeholder="What are you up to?" style="width: 80%;"
value="{{ old('status') }}">
<button style="width: 20%;height: 28px;margin-left: 10px;" class="greybutton" id="FeedButton"
type="submit" alt="Post it!, Button"
onClick="this.form.submit();this.disabled=true;this.innerText='Posting…';">Post
it!</button>
onClick="this.form.submit();this.disabled=true;this.innerText='Posting…';">Share</button>
</p>
@if ($errors->any())
<span alt="Error: {{ $errors->first() }}" class="warningtext">{{ $errors->first() }}</span>
@ -57,7 +56,8 @@
</div>
@endforeach
@if ($posts->isEmpty())
<p>Your feed is empty.</p>
<p>No news about your friends... want to know what your friends are up to?</p>
<a href="/users">make some friends now.</a>
@endif
</div>
{{ $posts->links() }}
@ -92,10 +92,10 @@
</div>
@endif
<br>
<h2>Recently Played</h2>
<h2>Recently Played Games</h2>
<br>
<div class="gamelist">
<p>You haven't played any games yet!</p>
<p>You haven't played any games recently.</p><a href="/incomplete" class="text-link">Play Now</a>
</div>
<br>
</div>

View File

@ -107,7 +107,8 @@
<a id="logo_full" href="{{ route('home') }}"><img alt="ARCHBLOX Logo" class = "btn-logo" src="{{ asset('img/MORBLOXlogo.png') }}"/></a>
<a id="logo_small" href="{{ route('home') }}"><img alt="ARCHBLOX Logo"
src="{{ asset('img/MORBLOXlogoshort.png') }}"/></a>
<div class="navbarbuttoncontainer">
<div id="NewRedesign" class="navbarbuttoncontainer NavigationRedesign">
<ul id="ctl00_cphBanner_ctl00_MenuUL">
<li><a class="navbarbutton" id="smallbtn5" href="{{ route('incomplete') }}">Games</a></li>
<li><a class="navbarbutton" id="smallbtn4" href="{{ route('catalog') }}">Catalog</a></li>
<li><a class="navbarbutton" id="smallbtn0" href="{{ route('incomplete') }}">Build</a></li>
@ -115,6 +116,7 @@
@else
{{ route('profile', Auth::id()) }} @endguest">Profile</a></li>
<li><a class="navbarbutton" id="smallbtn3" href="{{ route('settings') }}">Settings</a></li>
</ul>
</div>
@guest
<div id="navbarlogincontainer">
@ -122,13 +124,12 @@
</div>
@else
<div id="HeaderLoginButton" class="RightNav">
<div class="arkotcontainer"><img class="arkoticon_navbar" src="{{ asset('img/arkot.png') }}">
<p> {{ Auth::user()->morbux }}</p>
</div>
<div id="navbarsignedincontainer">
<p class="nonbolded" id="navbarusername"><a
href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a> | <a href="{{ route('logout') }}" onclick="event.preventDefault();
document.getElementById('logout-form').submit();">Logout</a></p>
<a href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a>
<div class="arkotcontainer"><img class="arkoticon_navbar" src="{{ asset('img/arkot.png') }}">
<p> {{ Auth::user()->morbux }}</p>
</div>
<a href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Logout</a></p>
</div>
</div>