Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@Kaszio
Kaszio committed Nov 21, 2023
1 parent 5586b80 commit 5592915
Show file tree
Hide file tree
Showing 6 changed files with 97 additions and 54 deletions.
Binary file added img/Linux.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/Pengiun.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/Window.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
58 changes: 23 additions & 35 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<img src="img/Flux_white-blue.svg" alt="">
</a>
</li>

<!--
<li name="dropdownCont">
<div>
<a href="">Ecosystem</a>
Expand All @@ -37,14 +37,14 @@
</svg>
</a>
</div>
</li>
</li> -->

<li name="buttons">
<a href="">Sign Up</a>
<a href="" class="gradientBtn">Log In</a>
<a href="">Litepaper &#8594;</a>
<!-- <a href="" class="gradientBtn">Log In</a>-->
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<h2 class="fa fa-bars">&#9776;</h2>
</a>
</a>
</li>
</ul>
</nav>
Expand All @@ -65,33 +65,21 @@ <h2 class="fa fa-bars">&#9776;</h2>
</ul>
</div>
<br></br>
<a class="btnBlue">Download</a>
<a href="javascript:void(0);" onclick="dropdownFunction()" class="btnFluxcore2 btnBlue dropdown">Download <span>Fluxcore</span> &#709;</a>
<div id="myDropdown" class="dropdown-content dropdown-content2">
<a href="">
<img src="img/Window.png" alt="">
Windows(64-bit)</a>
<a href="">
<img src="img/Pengiun.png" alt="">
Linux(.zip)
</a>
<a href="">
<img src="img/Linux.png" alt="">
Linux(.debt)
</a>
</div>
<a href="leaderboard.html" class="btn">Leaderboard</a>
<a class="btnNoBorder">Litepaper <svg xmlns="http://www.w3.org/2000/svg" width="10" height="11"
viewBox="0 0 10 11" fill="none">
<g clip-path="url(#clip0_1944_5328)">
<path
d="M0.742955 6.78188L8.11438 6.78188L6.1329 8.76336C5.97455 8.92171 5.97455 9.18158 6.1329 9.33994C6.29126 9.49829 6.54707 9.49829 6.70542 9.33994L9.38123 6.66412C9.53959 6.50577 9.53959 6.24996 9.38123 6.09161L6.70948 3.41174C6.55113 3.25338 6.29532 3.25338 6.13697 3.41174C5.97861 3.57009 5.97861 3.8259 6.13697 3.98425L8.11438 5.96979L0.742955 5.96979C0.519632 5.96979 0.336914 6.15251 0.336914 6.37584C0.336914 6.59916 0.519632 6.78188 0.742955 6.78188Z"
fill="url(#paint0_linear_1944_5328)" />
<path
d="M0.742955 6.78188L8.11438 6.78188L6.1329 8.76336C5.97455 8.92171 5.97455 9.18158 6.1329 9.33994C6.29126 9.49829 6.54707 9.49829 6.70542 9.33994L9.38123 6.66412C9.53959 6.50577 9.53959 6.24996 9.38123 6.09161L6.70948 3.41174C6.55113 3.25338 6.29532 3.25338 6.13697 3.41174C5.97861 3.57009 5.97861 3.8259 6.13697 3.98425L8.11438 5.96979L0.742955 5.96979C0.519632 5.96979 0.336914 6.15251 0.336914 6.37584C0.336914 6.59916 0.519632 6.78188 0.742955 6.78188Z"
fill="white" />
</g>
<defs>
<linearGradient id="paint0_linear_1944_5328" x1="4.25606" y1="3.37273" x2="4.25981"
y2="9.45914" gradientUnits="userSpaceOnUse">
<stop stop-color="#D2EEFF" />
<stop offset="0.234375" stop-color="#5CBDFF" />
<stop offset="0.510417" stop-color="#528EFC" />
<stop offset="0.723958" stop-color="#8B94F3" />
<stop offset="1" stop-color="#A08FCE" />
</linearGradient>
<clipPath id="clip0_1944_5328">
<rect width="9.74499" height="9.74499" fill="white"
transform="translate(9.87207 0.292969) rotate(90)" />
</clipPath>
</defs>
</svg></a>
</div>
</div>
</div>
Expand Down Expand Up @@ -274,7 +262,7 @@ <h1 class="sectionTitleTextGrad">Empowering the Future of <br> Decentralized Pro
innovate
resource-leveling customer service for state of the art customer service.</p>

<a href="" class="btn"><span class="gradiantText">Portal PoUW</span></a>
<!-- <a href="" class="btn"><span class="gradiantText">Portal PoUW</span></a> -->
</div>
<div class="grid1">
<div class="gridItem1 gradiantBackground">
Expand Down Expand Up @@ -336,7 +324,7 @@ <h1 class="sectionTitleTextGrad">Now Available!<br>High-End GPUs</h1>
</defs>
</svg>
<h3>NVDIA A100</h3>
<a href="" class="btn2"><span class="gradiantText">Rent Now</span></a>
<!-- <a href="" class="btn2"><span class="gradiantText">Rent Now</span></a> -->
</div>
<div class="card">
<img src="img/H100.png" alt="H100">
Expand Down Expand Up @@ -364,7 +352,7 @@ <h3>NVDIA A100</h3>
</defs>
</svg>
<h3>NVDIA H100</h3>
<a href="" class="btn2"><span class="gradiantText">Rent Now</span></a>
<!-- <a href="" class="btn2"><span class="gradiantText">Rent Now</span></a> -->
</div>
<div class="card">
<img src="img/A6000.png" alt="A6000">
Expand Down Expand Up @@ -392,7 +380,7 @@ <h3>NVDIA H100</h3>
</defs>
</svg>
<h3>NVDIA RTX A6000</h3>
<a href="" class="btn2"><span class="gradiantText">Rent Now</span></a>
<!-- <a href="" class="btn2"><span class="gradiantText">Rent Now</span></a> -->
</div>
<div class="card">
<img src="img/V100.png" alt="V100">
Expand Down
29 changes: 14 additions & 15 deletions leaderboard.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,11 +46,19 @@ <h2 class="fa fa-bars">&#9776;</h2>
</p>
</div>
<br></br>
<a href="javascript:void(0);" onclick="dropdownFunction()" class="btnFluxcore btnBlue dropdown">Download Fluxcore &#709;</a>
<a href="javascript:void(0);" onclick="dropdownFunction()" class="btnFluxcore btnBlue dropdown">Download <span>Fluxcore</span> &#709;</a>
<div id="myDropdown" class="dropdown-content">
<a href="">Home</a>
<a href="">About</a>
<a href="">Contact</a>
<a href="">
<img src="img/Window.png" alt="">
Windows(64-bit)</a>
<a href="">
<img src="img/Pengiun.png" alt="">
Linux(.zip)
</a>
<a href="">
<img src="img/Linux.png" alt="">
Linux(.debt)
</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -93,15 +101,6 @@ <h1>15,157<span>MLPerft</span></h1>
</span>
</div>
</div>
<div class="scorefive">
<div>
<img src="img/gamingscore.png" alt="circle">
<span>
<h2>Highscore <span> Gaming</span></h2>
<h1>18,357<span>MLPerft</span></h1>
</span>
</div>
</div>
</div>
</div>
</header>
Expand Down Expand Up @@ -168,8 +167,8 @@ <h1 class="LeaderboardtitleText">
<div class="container2">
<table class="board1">
<tr>
<th>Provider</th>
<th>Motherboard</th>
<th>Rank</th>
<th>Machine </th>
<th>CPU</th>
<th>GPU</th>
<th>VRAM</th>
Expand Down
64 changes: 60 additions & 4 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,37 @@ nav {
backdrop-filter: blur(2px) !important;
padding: 15px 30px !important;
border: none !important;
width: 23% !important;
display: block !important;
text-align: center;
}

.btnFluxcore span{
background: var(--Linear, linear-gradient(92deg, #D2EEFF -19.31%, #5CBDFF 8.35%, #528EFC 40.93%, #8B94F3 66.13%, #A08FCE 98.71%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: Montserrat;
font-weight: 600;
}

.btnFluxcore2{
border-radius: 8px !important;
background: linear-gradient(92deg, rgba(210, 238, 255, 0.25) -19.31%, rgba(92, 189, 255, 0.25) 8.35%, rgba(82, 142, 252, 0.25) 40.93%, rgba(139, 148, 243, 0.25) 66.13%, rgba(160, 143, 206, 0.25) 98.71%) !important;
backdrop-filter: blur(2px) !important;
padding: 15px 30px !important;
border: none !important;
width: 23% !important;
text-align: center;
}

.btnFluxcore2 span{
background: var(--Linear, linear-gradient(92deg, #D2EEFF -19.31%, #5CBDFF 8.35%, #528EFC 40.93%, #8B94F3 66.13%, #A08FCE 98.71%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: Montserrat;
font-weight: 600;
}

.alignTextCenter {
Expand All @@ -68,8 +99,9 @@ nav {
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
width: 209px;
width: 17.5%;
margin-left: 2px;
align-content: center;
padding: 4px;
flex-direction: column;
align-items: flex-start;
Expand All @@ -79,6 +111,24 @@ nav {
background: rgba(217, 217, 217, 0.01);
backdrop-filter: blur(15px);
}

.dropdown-content2 {
display: none;
position: absolute;
margin-top: 1%;
width: 14%;
margin-left: 2px;
align-content: center;
padding: 4px;
flex-direction: column;
align-items: flex-start;
gap: 4px;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.00);
background: rgba(217, 217, 217, 0.01);
backdrop-filter: blur(15px);
}


.dropdown-content a {
display: flex;
Expand All @@ -92,12 +142,17 @@ nav {
font-style: normal;
font-weight: 500;
line-height: 150%; /* 21px */
background: var(--Linear-Nice, linear-gradient(92deg, #D2EEFF -19.31%, #5CBDFF 8.35%, #528EFC 40.93%, #8B94F3 66.13%, #A08FCE 98.71%));
justify-content: left;
background: white;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.dropdown-content a img{
width: 15%;
height: 15%;
}
.show {
display: flex;
flex-direction: column;
Expand Down Expand Up @@ -1557,10 +1612,11 @@ footer {
.scorethree,
.scorefour,
.scorefive {
flex: 25% 0;
flex: 30% 0;
justify-content: center;
}


.leaderboards {
background-color: #040912;
}
Expand Down

0 comments on commit 5592915

Please sign in to comment.