Added Nochu Browser ad

This commit is contained in:
Brendan 2024-06-19 12:47:12 +00:00
parent 516313ee9d
commit afbe12edda
2 changed files with 51 additions and 0 deletions

View File

@ -113,6 +113,7 @@ body::before {
color: #fff; color: #fff;
border: 1px solid #000000; border: 1px solid #000000;
margin-left: 8px; /* Spacing between buttons */ margin-left: 8px; /* Spacing between buttons */
margin-top: 8px;
cursor: pointer; cursor: pointer;
border-radius: 6px; border-radius: 6px;
font-size: 1rem; font-size: 1rem;
@ -123,4 +124,49 @@ body::before {
border: 1px solid #8a8a8a; border: 1px solid #8a8a8a;
} }
.browser-ad-container {
margin-top: 2rem;
padding: 1.5rem;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 8px;
text-align: center;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.browser-ad-title {
font-size: 1.5rem;
margin-bottom: 0.5rem;
color: #000000;
}
.browser-ad-description {
font-size: 1rem;
margin-bottom: 1rem;
color: #000000;
}
.browser-download-button {
display: inline-block;
padding: 0.75rem 2rem;
font-size: 1rem;
color: #fff;
background-color: #000000;
border: none;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
transition: background-color 0.3s ease;
}
.browser-download-button:hover {
background-color: #8a8a8a;
}
@media only screen and (max-width: 500px) {
.main-heading {
font-size: 2em; /* Reduce font size to ensure text fits without needing to scroll */
}
}

View File

@ -16,6 +16,11 @@
<button type="submit" formaction="/search/images" class="search-button image-search-button">Image Search</button> <button type="submit" formaction="/search/images" class="search-button image-search-button">Image Search</button>
</form> </form>
</div> </div>
<div class="browser-ad-container">
<h2 class="browser-ad-title">Discover Nochu Browser</h2>
<p class="browser-ad-description">Experience fast, secure, and seamless browsing with Nochu Browser. Built with .NET 6.0 and powered by WebView2, Nochu Browser is completely open-source and designed to provide a modern web experience.</p>
<a href="https://github.com/abrendan/Nochu" class="browser-download-button">Download Nochu Browser</a>
</div>
<footer class="footer"> <footer class="footer">
<p class="footer-text-left">&copy; 2024 Nochu Search by abrendan</p> <p class="footer-text-left">&copy; 2024 Nochu Search by abrendan</p>
<p class="footer-text-middle"><a href="https://www.abrendan.dev" class="footer-link">abrendan.dev</a></p> <p class="footer-text-middle"><a href="https://www.abrendan.dev" class="footer-link">abrendan.dev</a></p>