Commit f4a29bc1 authored by Vitor Lopes's avatar Vitor Lopes

redo by brand layout

parent 664e470c
......@@ -312,18 +312,6 @@ p,
overflow: hidden;
}
h3 {
font-size: .8rem;
font-weight: 900 !important;
display: inline;
color: #1e88e5;
}
h4 {
margin-top: 0;
text-align: left;
}
.intro {
padding: 20px 10px;
}
......@@ -332,10 +320,20 @@ p,
display: none;
}
h3 {
font-size: 1.7em;
font-family: 'Open Sans', sans-serif;
margin-bottom: 0;
}
.section {
background-color: white;
}
.jumbotron {
background-color: white;
margin-top: 100px;
margin-bottom: 0;
margin-bottom: 100px;
padding: 1.5rem 2rem;
border-radius: 0;
......@@ -371,15 +369,6 @@ p,
.col-12.text-center {
text-align: center;
background: white;
}
.row .col-12.text-center:not(:last-child) .container .row {
padding-bottom: 100px;
}
.row .col-12.text-center:first-child .container .row {
padding-top: 100px;
}
h1.title::first-letter {
......@@ -391,48 +380,26 @@ p,
color: #424242;
}
.btn.btn-white,
.btn.btn-white:focus,
.btn.btn-white:hover {
background-color: #fff;
color: $green;
}
.main {
z-index: 3;
background: transparent;
padding-left: 0;
padding-right: 0;
.card-subtitle {
font-weight: 900 !important;
margin-bottom: .7rem;
margin: 0;
margin-top: 8px;
}
.card-title {
font-weight: 800 !important;
.specs {
font-size: 1.1rem;
margin: 0;
margin-bottom: 10px;
}
.card-footer a {
margin-top: 20px;
.row {
margin-bottom: 100px;
}
}
.price {
color: red;
margin-bottom: 10px;
}
.section {
background: transparent;
background-image: url("/img/bg0.jpg");
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 0;
padding: 62px 0;
}
}
......
......@@ -6,7 +6,7 @@
<img class="logo" src="/img/logo.svg">
<div><h1 class="display-4">Buy hardware with Manjaro.</h1>
<h2 class="lead">Laptops with Manjaro pre-installed that you can get right now.</h2>
<p>We have partnered with manufacturers to design Manjaro dedicated hardware.</p>
<p>We have partnered with manufacturers to design Manjaro dedicated hardware, KDE Plasma, GNOME or XFCE pre-installed</p>
</div>
</div>
......
{{ if eq .Type "hardware" }}
<div class="row">
{{ range $main_index, $main_element := (where .Site.Pages ".Type" "hardware") }}
{{ if and (isset .Params "datasheetcontent") (eq .Params.enable "true") }}
<div class="col-12 text-center">
<div class="container">
<div class="row">
<div class="col-sm-12 col-lg-6">
<div class="offset-2 col-sm-8 text-center">
<h3>TUXEDO Computers are individually built, assembled and installed in Germany and delivered in such a way that you only have to unpack, connect and switch them on!</h3>
</div>
</div>
<div class="row">
{{ range $main_index, $main_element := (where (where .Site.Pages ".Type" "hardware") ".Params.brand" "Tuxedo" ) }}
<div class="col-sm-12 col-lg-4">
<div class="intro">
<h4>{{ .Params.name }}</h4>
<p>{{ .Params.intro }}</p>
<h4 class="text-center">{{ .Params.model }}</h4>
<img class="d-block" src="/img/hardware/{{ .Params.image }}.png">
</div>
</div>
<p class="text-center specs">
{{ .Params.specs }}
</p>
<p class="price text-center">
{{ .Params.price }}
</p>
<div class="text-center">
<a href="{{.Params.buylink}}" target="_blank" class="btn bg-info">
Where to buy
</a>
</div>
</div>
{{ end }}
</div>
<div class="col-sm-12 col-lg-6">
<div class="card-body text-left">
<div class=card-header>
<h2 class="card-subtitle text-dark">{{.Params.model}}</h2>
<div class="card-title text-danger">{{.Params.pricebefore}} {{.Params.price}}</div>
</div>
<div class="card-footer">
{{ range $index, $element := .Params.datasheetcontent}}
{{if (modBool $index 2)}}
<h3><b>{{$element}}</b></h3>
{{else}}
<span>{{$element}}</span><br>
{{ end }}
{{ end }}
<a href="{{.Params.buylink}}" target="_blank" class="btn bg-info">
Where to buy
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="offset-2 col-sm-8 text-center">
<h3>Whilst many laptops had been 'converted' to run Linux - they seldom offered the experience that macOS and Windows users had. So, after a few pints, we decided to make one...</h3>
</div>
</div>
{{ end }}
<div class="row">
{{ range $main_index, $main_element := (where (where .Site.Pages ".Type" "hardware") ".Params.brand" "Starlabs" ) }}
<div class="col-sm-12 col-lg-4">
<div class="intro">
<h4 class="text-center">{{ .Params.model }}</h4>
<img class="d-block" src="/img/hardware/{{ .Params.image }}.png">
</div>
<p class="text-center specs">
{{ .Params.specs }}
</p>
<div class="text-center">
<a href="{{.Params.buylink}}" target="_blank" class="btn bg-info">
Where to buy
</a>
</div>
</div>
{{ end }}
</div>
{{ end }}
\ No newline at end of file
+++
class= "hardware"
model = "InfinityBook Pro Red"
subdescription = "Manjaro KDE Plasma or XFCE pre-installed"
pricebefore = "From "
price = "1,199.00 EUR"
enable = "true"
name = "Tuxedo"
intro = "TUXEDO Computers are individually built, assembled and installed in Germany and delivered in such a way that you only have to unpack, connect and switch them on!"
price = "From 1,199.00 EUR"
brand = "Tuxedo"
type = "hardware"
image = "InfinityBook-Pro-Red"
buylink = "https://www.tuxedocomputers.com/en/Linux-Hardware/Linux-Notebooks/15-16-inch/Manjaro-InfinityBook-Pro-15.tuxedo#"
datasheetcontent = [
"CPU",
"Intel® Core i5-10210U or i7-10510U",
"RAM",
"DDR4 SO-DIMM 8GB to 64GB",
"Storage",
"M.2 SSDs 250GB to 2000GB",
"Display",
"15.6\", Full-HD IPS-Panel, 1920 x 1080, matte/non-glare",
"Keyboard",
"multicolor illuminated full-size with Manjaro super-key",
"Ports",
"2x USB 3.1 Typ-A Gen1 up to 5Gbit/s, USB Typ-C 3.1 Gen2 with Thunderbolt 3, MiniDisplayPort 1.3 (max. 3840x2160@60Hz), HDMI 1.4b with HDCP, Headphones, Microphone, Gigabit-LAN-Port, Card-Reader, Kensington",
"Dimension",
"360mm x 244.5mm x 19.9mm",
"Weight",
"approx. 1.7 kg incl. battery, depending on equipment",
"Battery",
"up to 12H"
]
specs = "Intel® Core i5-10210U or i7-10510U, DDR4 SO-DIMM 8GB to 64GB, SSDs 250GB to 2000GB, 15.6\", Full-HD IPS-Panel, Battery up to 12H"
+++
+++
class= "hardware"
model = "InfinityBook Pro Silver"
subdescription = "Manjaro KDE Plasma or XFCE pre-installed"
pricebefore = "From "
price = "1,199.00 EUR"
enable = "true"
name = "Tuxedo"
intro = "TUXEDO Computers are individually built, assembled and installed in Germany and delivered in such a way that you only have to unpack, connect and switch them on!"
brand = "Tuxedo"
type = "hardware"
image = "InfinityBook-Pro-Silver"
buylink = "https://www.tuxedocomputers.com/en/Linux-Hardware/Linux-Notebooks/15-16-inch/Manjaro-InfinityBook-Pro-15-SILVER.tuxedo"
datasheetcontent = [
"CPU",
"Intel® Core i5-10210U or i7-10510U",
"RAM",
"DDR4 SO-DIMM 8GB to 64GB",
"Storage",
"M.2 SSDs 250GB to 2000GB",
"Display",
"15.6\", Full-HD IPS-Panel, 1920 x 1080, matte/non-glare",
"Keyboard",
"multicolor illuminated full-size with Manjaro super-key",
"Ports",
"2x USB 3.1 Typ-A Gen1 up to 5Gbit/s, USB Typ-C 3.1 Gen2 with Thunderbolt 3, MiniDisplayPort 1.3 (max. 3840x2160@60Hz), HDMI 1.4b with HDCP, Headphones, Microphone, Gigabit-LAN-Port, Card-Reader, Kensington",
"Dimension",
"360mm x 244.5mm x 19.9mm",
"Weight",
"approx. 1.7 kg incl. battery, depending on equipment",
"Battery",
"up to 12H"
]
specs = "Intel® Core i5-10210U or i7-10510U, DDR4 8GB to 64GB, SSDs 250GB to 2000GB, 15.6 Full-HD IPS-Panel matte/non-glare, Manjaro super-key, Battery up to 12H"
+++
+++
class= "hardware"
model = "InfinityBook S 14 v5"
subdescription = "Manjaro KDE Plasma or XFCE pre-installed"
pricebefore = "From "
price = "1.264,00 EUR"
enable = "true"
name = "Tuxedo"
brand = "Tuxedo"
intro = "TUXEDO Computers are individually built, assembled and installed in Germany and delivered in such a way that you only have to unpack, connect and switch them on!"
type = "hardware"
image = "InfinityBook-S14"
buylink = "https://www.tuxedocomputers.com/de/Linux-Hardware/Linux-Notebooks/10-14-Zoll/Manjaro-InfinityBook-S-14-v5_1.tuxedo"
datasheetcontent = [
"CPU",
"Intel Core i5-10210U or i7-10510U",
"RAM",
"DDR4 2666 MHz SoDIMM | Dual Channel | 1 Slot | 8 GB On board | Up to 40 GB",
"Storage",
"M.2 SSDs from 250GB to 2000GB",
"Display",
"LED Backlight Display 14\", Full-HD IPS-Panel, 1920 x 1080, matt/anti-reflective/non-glare, 180° opening angle",
"Keyboard",
"backlit with Manjaro super-key",
"Ports",
"USB 3.1 Gen 1 (Type A), USB 3.1 Gen 2 (Type A), USB 3.1 Gen 2 (Type C), HDMI 1.4b with HDCP, 2-in-1 Audio Port, Micro SD card reader, Kensington",
"Dimension",
"322mm x 216.8mm x 16.5mm",
"Weight",
"1.1 kg",
"Battery",
"up to 24H"
]
specs = "Intel Core i5-10210U or i7-10510U, DDR4 2666 MHz 8 GB On board to 40 GB, 250GB to 2000GB, 14 Full-HD IPS-Panel, Manjaro super-key, Battery up to 24H"
+++
+++
class= "hardware"
model = "Star LabTop MK4"
subdescription = "Manjaro KDE Plasma, GNOME or XFCE pre-installed"
enable = "true"
name = "Starlabs"
intro = "Whilst many laptops had been 'converted' to run Linux - they seldom offered the experience that macOS and Windows users had. So, after a few pints, we decided to make one..."
brand = "Starlabs"
type = "hardware"
image = "Star_LabTop_MK4"
buylink = "https://starlabs.systems/"
datasheetcontent = [
"CPU",
"Intel® Core 10th generation",
"RAM",
"16GB 2400Mhz",
"Storage",
"3400MB/s sequential read",
"Display",
"13\" ARC IPS Display"
]
specs = "Intel® Core 10th generation, 16GB 2400Mhz, 13 ARC IPS Display"
+++
+++
class= "hardware"
model = "Star Lite MK2"
subdescription = "Manjaro GNOME, KDE Plasma or XFCE pre-installed"
pricebefore = "From "
price = "452.22 EUR"
enable = "true"
name = "Starlabs"
intro = "Whilst many laptops had been 'converted' to run Linux - they seldom offered the experience that macOS and Windows users had. So, after a few pints, we decided to make one..."
brand = "Starlabs"
type = "hardware"
image = "Star_Lite_MK2"
buylink = "https://starlabs.systems/pages/star-lite"
datasheetcontent = [
"CPU",
"Intel® Pentium™ N4200 with Intel® HD 505 graphics",
"RAM",
"8 GB 1600MHz LPDDR3 onboard",
"Storage",
"240GB Star Drive SSD, 560MB/s read 540MB/s write",
"Display",
"11.6\" 1920x1080 IPS hybrid, matte with glass overlay",
"Keyboard",
"LED backlit",
"Ports",
"USB 3.0 Type A, USB 2.0 Type A, Micro HDMI, 3.5mm Headphone Jack, MicroSD card reader",
"Dimension",
"mm x mm x 13.6mm",
"Weight",
"1.1 kg",
"Battery",
"Up to 7H"
]
specs = "Intel® Pentium™ N4200 with Intel® HD 505 graphics, 8 GB 1600MHz, 240GB SSD, Display 11.6 IPS hybrid, matte with glass overlay, Battery Up to 7H"
+++
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment