Skip to content

Commit

Permalink
Add logo
Browse files Browse the repository at this point in the history
  • Loading branch information
@KyleGospo
KyleGospo committed Mar 22, 2024
1 parent a589783 commit cf7d8ad
Show file tree
Hide file tree
Showing 4 changed files with 53 additions and 25 deletions.
31 changes: 28 additions & 3 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3539,9 +3539,15 @@ html:not(.mobile) .wow-p{
height: var(--menu-bar-height);
transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.main-nav .logo img {
height: 40px;
width: 40px;
margin-top: -3px;
}
.nav-logo-wrap .logo > h2 {
white-space: nowrap;
margin-top: 15px;
white-space: nowrap;
margin-top: 15px;
margin-left: 10px;
}
.nav-logo-wrap .logo img{
max-height: 100%;
Expand Down Expand Up @@ -10950,14 +10956,33 @@ a.blog-item-more:hover{
right: -20px;
}

#home .home-content .row .align-items-center > div::before {
content: '';
background-image: url("images/logo.webp");
width: 200px;
height: 200px;
display: block;
position: absolute;
background-size: contain;
margin-left: -240px;
margin-top: -15px;
}

@media only screen and (max-width: 991px) {
#images .features-item > .align-items-start {
display: none !important;
visibility: hidden;
}

#community .alt-features-item {
margin: auto;
margin: auto;
}

#home .home-content .row .align-items-center > div::before {
left: 0;
right: 0;
margin: auto;
top: -250px;
}
}

Expand Down
Binary file added images/logo.webp
View file
Binary file not shown.
34 changes: 12 additions & 22 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@
<!-- Logo -->
<div class="nav-logo-wrap local-scroll">
<a href="#top" class="logo">
<!-- <img src="images/logo-dark.svg" alt="Your Company Logo" width="105" height="34" /> -->
<img src="images/logo.webp" alt="Universal Blue" width="400" height="400" />
<h2 class="ublue-logo">Universal Blue</h2>
</a>
</div>
Expand Down Expand Up @@ -182,12 +182,6 @@ <h4>Advantages over traditional Linux desktops</h4>
<li>Kernel mods preinstalled on the image - including Nvidia drivers</li>
</ul>
</li>
<li>Clean separation of the base system from applications and your data
<ul>
<li>Integration of Flatpak applications via <a href="https://flathub.org/home" target="_blank">Flathub</a>.</li>
<li><a href="https://github.com/containers/toolbox" target="_blank">Toolbox</a> and <a href="https://github.com/89luca89/distrobox" target="_blank">Distrobox</a> support, run applications from any distribution in a containerized environment</li>
</ul>
</li>
<li>Unbridled customization
<ul>
<li>Craft your perfect image from scratch or derive from others</li>
Expand All @@ -198,17 +192,6 @@ <h4>Advantages over traditional Linux desktops</h4>
<li>The project is maintained by a community of cloud-native contributors with an <a href="https://universal-blue.org/mission">explicit mission</a></li>
</ul>
</li>
<li>Reuses standards-based tooling from cloud
<ul>
<li>Built using ostree-enabled <a href="https://opencontainers.org/" target="_blank">OCI compliant images</a></li>
</ul>
</li>
<li>Built-in container tools for developers
<ul>
<li>Consume packages and software from any repo without risking breakage on the client</li>
<li>Easy consumption of other OCI images, if it's on the <a href="https://landscape.cncf.io/" target="_blank">CNCF Landscape</a> it's a first class citizen thanks to Podman!</li>
</ul>
</li>
<li>Images signed with standard <a href="https://www.sigstore.dev/" target="_blank">sigstore tools</a></li>
<li>Hosted on <a href="https://github.com/features/packages" target="_blank">ghcr.io</a>:
<ul>
Expand Down Expand Up @@ -621,10 +604,17 @@ <h3 style="text-align:center;width:100%;">Contributions</h3>
<!-- uBlue Akmods -->
<div class="features-item">
<div class="features-title">
<a href="https://github.com/ublue-os/main/" target="_blank">Akmods caching layer</a>
<a href="https://github.com/ublue-os/akmods/" target="_blank">Akmods caching layer</a>
</div>
<img src="https://repobeats.axiom.co/api/embed/a7ddeb1a3d2e0ce534ccf7cfa75c33b35183b106.svg" title="Repobeats analytics image">
</div>
<!-- uBlue Packages -->
<div class="features-item">
<div class="features-title">
<a href="https://github.com/ublue-os/packages/" target="_blank">Packages</a>
</div>
<img src="https://repobeats.axiom.co/api/embed/f8d7642b9f14bd702c08bd4f3618db8b9e8e8930.svg" title="Repobeats analytics image">
</div>
<!-- Bluefin -->
<div class="features-item">
<div class="features-title">
Expand Down Expand Up @@ -659,10 +649,10 @@ <h3 style="text-align:center;width:100%;">Contributions</h3>

<div class="row pb-120 pb-sm-80 pb-xs-50">

<div class="col-md-4 col-lg-3 text-gray mb-sm-50">
<div style="text-align:center;" class="col-md-4 col-lg-3 text-gray mb-sm-50">

<div class="mb-30">
<!-- <img src="images/logo-dark.svg" width="105" height="34" alt="Your Company Logo" /> -->
<div class="mb-30 footer-logo">
<img src="images/logo.webp" width="120" height="120" alt="Universal Blue" />
<h2 class="ublue-logo">Universal Blue</h2>
</div>

Expand Down
13 changes: 13 additions & 0 deletions js/all.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -989,6 +989,19 @@ function init_page_sliders(){
afterInit: owl_keynav,
afterAction: owl_update
});

$.fn.randomize = function(selector){
var $elems = selector ? $(this).find(selector) : $(this).children(),
$parents = $elems.parent();

$parents.each(function(){
$(this).children(selector).sort(function(){
return Math.round(Math.random()) - 0.5;
}).detach().appendTo(this);
});

return this;
};

// Fullwidth slider fade
$(".fullwidth-slider-fade").addClass("autoplay");
Expand Down

0 comments on commit cf7d8ad

Please sign in to comment.