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

View File

@ -93,10 +93,12 @@
#alert { #alert {
background: linear-gradient(#f07575 10%, #de2323 100%); background: linear-gradient(#f07575 10%, #de2323 100%);
color: #fff;
} }
#success { #success {
background: linear-gradient(#a3e2bd 10%, #02b757 100%) background: linear-gradient(#a3e2bd 10%, #02b757 100%);
color: #fff;
} }
.warningtext { .warningtext {
@ -111,6 +113,7 @@
#logo_full { #logo_full {
display: inline-block; display: inline-block;
float: left; float: left;
margin-right: 5px;
} }
#logo_full, #logo_full,
@ -133,8 +136,7 @@
@media (max-width: 970px) { @media (max-width: 970px) {
.navbarbuttoncontainer a, #navbarsignedincontainer,
#navbarusername,
.arkotcontainer p, .arkotcontainer p,
#navbarlogincontainer { #navbarlogincontainer {
font-size: 11px; font-size: 11px;
@ -150,8 +152,7 @@
position: relative; position: relative;
} }
.navbarbuttoncontainer a, #navbarsignedincontainer,
#navbarusername,
.arkotcontainer p, .arkotcontainer p,
#navbarlogincontainer { #navbarlogincontainer {
font-size: 9px; font-size: 9px;
@ -339,6 +340,21 @@ div.mySubmenuFixed {
background-position: 0 -54px; 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 { iframe {
width: 100%; width: 100%;
height: 2000px; height: 2000px;

View File

@ -34,7 +34,8 @@ html {
} }
#logo_full { #logo_full {
display: none; display: none;
margin-right: 0;
} }
#logo_small { #logo_small {
@ -114,13 +115,14 @@ html {
align-items: center; align-items: center;
height: 40px; height: 40px;
} }
.navbarbutton { #NavigationRedesignBannerContainer ul li a, .NavigationRedesign ul li a:visited, .navbarbutton {
position: relative; position: relative;
padding-right: 5px; padding-right: 5px;
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;
font-family: "Helvetica Neue"; font-family: "Helvetica Neue";
font-weight: bold; font-weight: bold;
text-shadow: none;
} }
.Redesign .smallnavbarbutton { .Redesign .smallnavbarbutton {
position: relative; position: relative;
@ -137,6 +139,21 @@ html {
top: 44px; 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) { @media (min-width: 1688px) {
#logo_full { #logo_full {
display: block; display: block;

View File

@ -32,7 +32,8 @@ html {
} }
#logo_full { #logo_full {
display: none; display: none;
margin-right: 0;
} }
#logo_small { #logo_small {
@ -112,13 +113,14 @@ html {
align-items: center; align-items: center;
height: 40px; height: 40px;
} }
.navbarbutton { #NavigationRedesignBannerContainer ul li a, .NavigationRedesign ul li a:visited, .navbarbutton {
position: relative; position: relative;
padding-right: 5px; padding-right: 5px;
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;
font-family: "Helvetica Neue"; font-family: "Helvetica Neue";
font-weight: bold; font-weight: bold;
text-shadow: none;
} }
.Redesign .smallnavbarbutton { .Redesign .smallnavbarbutton {
position: relative; position: relative;
@ -135,6 +137,21 @@ html {
top: 44px; 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) { @media (min-width: 1688px) {
#logo_full { #logo_full {
display: block; display: block;

View File

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

View File

@ -19,12 +19,11 @@
<form action="{{ route('feed_post') }}" method="POST"> <form action="{{ route('feed_post') }}" method="POST">
@csrf @csrf
<p style="display: flex;"> <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') }}"> value="{{ old('status') }}">
<button style="width: 20%;height: 28px;margin-left: 10px;" class="greybutton" id="FeedButton" <button style="width: 20%;height: 28px;margin-left: 10px;" class="greybutton" id="FeedButton"
type="submit" alt="Post it!, Button" type="submit" alt="Post it!, Button"
onClick="this.form.submit();this.disabled=true;this.innerText='Posting…';">Post onClick="this.form.submit();this.disabled=true;this.innerText='Posting…';">Share</button>
it!</button>
</p> </p>
@if ($errors->any()) @if ($errors->any())
<span alt="Error: {{ $errors->first() }}" class="warningtext">{{ $errors->first() }}</span> <span alt="Error: {{ $errors->first() }}" class="warningtext">{{ $errors->first() }}</span>
@ -57,7 +56,8 @@
</div> </div>
@endforeach @endforeach
@if ($posts->isEmpty()) @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 @endif
</div> </div>
{{ $posts->links() }} {{ $posts->links() }}
@ -92,10 +92,10 @@
</div> </div>
@endif @endif
<br> <br>
<h2>Recently Played</h2> <h2>Recently Played Games</h2>
<br> <br>
<div class="gamelist"> <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> </div>
<br> <br>
</div> </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_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" <a id="logo_small" href="{{ route('home') }}"><img alt="ARCHBLOX Logo"
src="{{ asset('img/MORBLOXlogoshort.png') }}"/></a> 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="smallbtn5" href="{{ route('incomplete') }}">Games</a></li>
<li><a class="navbarbutton" id="smallbtn4" href="{{ route('catalog') }}">Catalog</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> <li><a class="navbarbutton" id="smallbtn0" href="{{ route('incomplete') }}">Build</a></li>
@ -115,6 +116,7 @@
@else @else
{{ route('profile', Auth::id()) }} @endguest">Profile</a></li> {{ route('profile', Auth::id()) }} @endguest">Profile</a></li>
<li><a class="navbarbutton" id="smallbtn3" href="{{ route('settings') }}">Settings</a></li> <li><a class="navbarbutton" id="smallbtn3" href="{{ route('settings') }}">Settings</a></li>
</ul>
</div> </div>
@guest @guest
<div id="navbarlogincontainer"> <div id="navbarlogincontainer">
@ -122,13 +124,12 @@
</div> </div>
@else @else
<div id="HeaderLoginButton" class="RightNav"> <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"> <div id="navbarsignedincontainer">
<p class="nonbolded" id="navbarusername"><a <a href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a>
href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a> | <a href="{{ route('logout') }}" onclick="event.preventDefault(); <div class="arkotcontainer"><img class="arkoticon_navbar" src="{{ asset('img/arkot.png') }}">
document.getElementById('logout-form').submit();">Logout</a></p> <p> {{ Auth::user()->morbux }}</p>
</div>
<a href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Logout</a></p>
</div> </div>
</div> </div>