-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
229 lines (206 loc) · 20.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!DOCTYPE html>
<html lang="en-US"><head>
<meta charset="utf-8">
<title>RedLin PM AB | Your Red Hat Linux Expert</title>
<!--Favicon-->
<link rel="icon" type="image/svg+xml" href="/images/favicons/favicon.svg?v=2">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicons/favicon-32x32.png?v=1">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicons/favicon-16x16.png?v=1">
<link rel="alternate icon" href="/images/favicons/favicon.ico?v=2">
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon.png?v=1">
<link rel="manifest" href="/images/favicons/site.webmanifest?v=1">
<link rel="mask-icon" href="/images/favicons/safari-pinned-tab.svg?v=1" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/images/favicons/browserconfig.xml?v=1">
<meta name="theme-color" content="#a3c8a0">
<!-- Meta for sharing -->
<meta property="og:title" content="RedLin PM AB | Your Red Hat Linux Expert">
<meta property="og:description"
content="We provide expertise and tailored solutions primarily built on Linux and Red Hat products.">
<meta property="og:image" name="image" content="https://www.redlin.se/images/sharing.png">
<meta property="og:url" content="https://www.redlin.se/">
<meta property="og:site_name" content="RedLin PM AB | Your Red Hat Linux Expert">
<meta property="og:type" content="website" />
<meta name="twitter:image:alt" content="RedLin PM AB | Your Red Hat Linux Expert">
<meta name="twitter:card" content="summary_large_image">
<!-- Trying to improve with preconnect for analytics -->
<link rel="preconnect" href="https://www.google-analytics.com">
<link rel="preconnect" href="https://www.googletagmanager.com">
<link rel="preconnect" href="https://maps.googleapis.com">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8JQNEV915B"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', "G-8JQNEV915B");
</script>
<!-- Mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description"
content="We provide expertise and tailored solutions primarily built on Linux and Red Hat products.">
<meta name="author" content="Patrik Martinsson RedLin PM AB">
<!-- Inline critical css -->
<style>
body{line-height:1.5;font-family:roboto,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,.section .section-title h4,.section .section-title h3,h3,h4,h5,h6{font-family:roboto,sans-serif;font-weight:400}h1{font-size:40px}h2,.section .section-title h4,.section .section-title h3{font-size:28px}h3{font-size:20px}h4{font-size:18px}p{color:#6d6868;font-size:15px;font-family:roboto,sans-serif}em{font-style:italic}.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fab{font-family:"font awesome 5 brands"}.fa,.far,.fas{font-family:"font awesome 5 free"}.fa,.fas{font-weight:900}.fa-fw{text-align:center;width:1.25em}.fa-arrow-circle-left:before{content:"\f137"}.fa-briefcase:before{content:"\f0b1"}.fa-check-circle:before{content:"\f058"}.fa-bug:before{content:"\f188"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-right:before{content:"\f0da"}.fa-envelope-open-text:before{content:"\f658"}.fa-github:before{content:"\f09b"}.fa-globe-americas:before{content:"\f57d"}.fa-hands-helping:before{content:"\f4c4"}.fa-linkedin:before{content:"\f08c"}.fa-magic:before{content:"\f0d0"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-phone-square-alt:before{content:"\f87b"}.fa-redhat:before{content:"\f7bc"}.fa-search-plus:before{content:"\f00e"}.fa-stack-overflow:before{content:"\f16c"}.fa-tools:before{content:"\f7d9"}.fa-user-check:before{content:"\f4fc"}.fa-user-graduate:before{content:"\f501"}*{box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent}html,body{display:flex;height:100%;margin:0;padding:0;flex-direction:column}a{color:#27191ebf;text-decoration:none;font-weight:400}a:focus,a:hover{text-decoration:none;color:#000;font-weight:400}ol,ul{margin:0;padding:0;list-style:none}img{border-radius:6px}#content{flex:1 0 auto}.button{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background:#517a88;border-radius:4px;color:#fff;display:inline-block;font-size:14px;font-weight:400;letter-spacing:1px;line-height:28px;padding:15px 35px;text-transform:uppercase;cursor:pointer}.button:hover{background:#6795a5;color:#fff;font-weight:400}.button--small{padding:2px 8px;font-size:12px;margin:4px 2px}.button--xsmall{text-transform:unset;padding:0 7px;font-size:12px;margin:0 0 6px 0}.button--back{align-self:center;font-size:40px;color:#517a88;font-weight:900;background:unset;padding:0}.button--back:hover{background:unset;font-weight:900;color:#6795a5}.button--input{display:none}.button--input:checked+label{background:#6b787d}@media(min-width:1025px) and (max-width:8192px){.button--xsmall{margin:0 0 13px 0}}.hamburger{padding:0;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;outline:none;position:absolute;top:30px;right:16px;transform:scale(.7)}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#000}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner::before{top:10px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider .hamburger-inner::after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0)rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg)translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0)rotate(-90deg)}.hamburger-nav{display:block}@media(min-width:1025px) and (max-width:8192px){.hamburger-nav{display:none}}.main-header{display:flex;justify-content:center;padding:10px 0}.main-header .container{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;width:100%;max-width:1140px;padding:0 20px}.main-header .brand{flex-grow:0}.main-header .brand a{display:flex}.main-header .brand label{display:block}@media(min-width:0px) and (max-width:621px){.main-header .brand .logo{height:48px}}@media(min-width:620px) and (max-width:1024px){.main-header .brand .logo{height:48px}}.main-header .navigation{margin:0 -15px 0 0}@media(min-width:0px) and (max-width:621px){.main-header .navigation{margin:0 0 -15px;width:100%}.main-header .navigation ul.vertical-nav{visibility:hidden;transition:all 350ms cubic-bezier(.17,.04,.03,.94)}}@media(min-width:620px) and (max-width:1024px){.main-header .navigation{margin:0 0 -15px;width:100%}.main-header .navigation ul.vertical-nav{visibility:hidden;transition:all 350ms cubic-bezier(.17,.04,.03,.94)}}.main-header .navigation #toggle{position:absolute;visibility:hidden}@media(min-width:0px) and (max-width:621px){.main-header .navigation #toggle:checked~.vertical-nav{height:225px;visibility:visible}}@media(min-width:620px) and (max-width:1024px){.main-header .navigation #toggle:checked~.vertical-nav{height:225px;visibility:visible}}.main-header .navigation ul{display:flex;align-items:center}@media(min-width:0px) and (max-width:621px){.main-header .navigation ul{display:block;height:0}}@media(min-width:620px) and (max-width:1024px){.main-header .navigation ul{display:block;height:0}}@media(min-width:0px) and (max-width:621px){.main-header .navigation ul li{padding-top:15px}}@media(min-width:620px) and (max-width:1024px){.main-header .navigation ul li{padding-top:15px}}.main-header .navigation a{margin:0 10px;padding:0 5px;font-weight:400;font-size:14px;text-transform:uppercase}.main-header .navigation a:link,.main-header .navigation a:active,.main-header .navigation a:visited{color:#5c5c5c}.main-header .navigation a:hover,.main-header .navigation a:visited:hover{color:#000}.main-header .navigation .active:link,.main-header .navigation .active:active,.main-header .navigation .active:visited,.main-header .navigation .active:hover,.main-header .navigation .active:visited:hover{color:#a02626}.section{display:flex;justify-content:center;padding:50px 0}.section--muted{background-color:#f2f2f2}.section .container{display:flex;flex-direction:column;max-width:90%}@media(min-width:620px) and (max-width:1024px){.section .container{max-width:75%}}.section .container .image{align-items:center;display:none;margin-top:30px}.section .container .image img{width:100%}.section .container .text{display:flex;flex-flow:column}.section .section-title h2,.section .section-title h4,.section .section-title h3{margin:0;color:#40484f;font-size:26px;font-weight:300;line-height:1.1}.section .section-title h2 u,.section .section-title h4 u,.section .section-title h3 u{text-decoration:none;border-bottom:solid 2px #40484f}.section .section-title h3{color:#6d6868;font-size:16px}.section .section-title h4{color:#6d6868;font-size:14px}.section p{font-weight:300;margin:0 0 10px;padding-top:20px;font-size:15px;line-height:28px;letter-spacing:0}section:nth-child(3).section .container .image{display:flex}@media(min-width:620px) and (max-width:1024px){section:nth-child(3).section .container .image{display:none}}@media(min-width:1025px) and (max-width:8192px){.section{padding:100px 0}.section .container{flex-direction:row;max-width:1140px}.section .container .image{display:flex;margin-top:0}.section .container .image img{width:auto}.section .container .text:first-child,.section .container .image:first-child{padding-right:100px}.section .section-title h2,.section .section-title h3,.section .section-title h4{font-size:40px}}@media(min-width:620px) and (max-width:1024px){.section .text,.section .image{padding:0 20px}}@media(min-width:1025px) and (max-width:8192px){.section .text,.section .image{padding:0 20px}}.banner{align-items:center;background-position:50% 0;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;height:84.5vh;justify-content:center;min-height:400px;padding:0 20px;position:relative}@media(min-width:620px) and (max-width:1024px){.banner{height:40vh}}.banner:before{content:'';height:100%;left:0;position:absolute;top:0;width:100%}.banner.opacity-8:before{background:rgba(29,25,44,.8)}.banner.opacity-7:before{background:rgba(29,25,44,.7)}.banner.opacity-6:before{background:rgba(29,25,44,.6)}.banner.opacity-5:before{background:rgba(29,25,44,.5)}.banner.opacity-4:before{background:rgba(29,25,44,.4)}.banner.opacity-3:before{background:rgba(29,25,44,.3)}.banner .container-text{margin:auto;padding:0 20px;position:relative;text-align:center}.banner .container-button{margin-bottom:auto;margin-top:-20px;position:relative}.banner h1{font-size:32px;font-weight:100;letter-spacing:6px;line-height:1.2;margin:0;padding-bottom:20px;text-transform:uppercase;text-align:center;overflow-wrap:break-word}.banner h1 .red{color:#cd5c5c}.banner p{color:#fff;font-size:16px;font-weight:300;line-height:2;margin:0;padding:0 30px}.banner.pages{height:unset;min-height:unset}.banner.pages .block{padding:100px 0;position:relative}.banner.pages h1{color:#fff;padding-bottom:10px;font-size:32px;letter-spacing:3px}.banner.pages p{color:#fff;margin-bottom:0;font-weight:400;letter-spacing:2px;text-align:center;line-height:1.5}@media(min-width:1025px) and (max-width:8192px){.banner{height:60vh}.banner .container-text,.banner .container-button{margin:unset}.banner h1{font-size:45px}.banner p{font-size:18px}.banner.pages h1{font-size:45px}.banner:not(.pages){background-position:0 20%}}.footer{flex-shrink:0;text-align:center;background-color:#f2f2f2}.footer p{font-size:13px;line-height:25px}
</style>
<!-- Page Stylesheet -->
<link rel="preload" href="https://www.redlin.se/scss/home.min.css" as="style">
<link rel="stylesheet" href="https://www.redlin.se/scss/home.min.css">
<!-- Fonts -->
<link rel="preload" as="font" href="/plugins/webfonts/fa/free-fa-brands-400.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="/plugins/webfonts/fa/free-fa-regular-400.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="/plugins/webfonts/fa/free-fa-solid-900.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="/plugins/webfonts/google/roboto_100.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="/plugins/webfonts/google/roboto_300.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="/plugins/webfonts/google/roboto_400.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="/plugins/webfonts/google/roboto_500.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="/plugins/webfonts/google/roboto_700.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="style" href="https://www.redlin.se/scss/fonts.min.css">
<link rel="stylesheet" href="https://www.redlin.se/scss/fonts.min.css" media="print" onload="this.media='all'">
</head>
<body id="page-home">
<div id="content">
<!-- Menu / Header -->
<header class="main-header">
<div class="container">
<div class="brand">
<a href="/">
<img class="logo" src="https://www.redlin.se/images/logo.svg" alt="RedLin PM AB | Your Red Hat Linux Expert">
</a>
</div>
<div class="hamburger-nav">
<button class="hamburger hamburger--slider" type="button" aria-label="Menu" aria-controls="navigation" onclick='this.classList.toggle("is-active");'>
<label for="toggle">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</label>
</button>
</div>
<nav class="navigation" id="navigation">
<input type="checkbox" id="toggle" name="toggle" autocomplete="off">
<ul class="vertical-nav">
<li><a href="https://www.redlin.se/" class="active">Home</a></li>
<li><a href="https://www.redlin.se/our-skills" >Our Skills</a></li>
<li><a href="https://www.redlin.se/portfolio" >Portfolio</a></li>
<li><a href="https://www.redlin.se/consult-profile" >Consult Profile</a></li>
<li><a href="https://www.redlin.se/contact" >Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Head Banner -->
<section class="banner opacity-5" style="background-image: url('https://www.redlin.se/images/home/header-bg.webp');">
<div class="container-text">
<h1>Your <span class="red">Red</span>Hat Linux Expert</h1>
<p>We love Linux and its Open Source ecosystem</p>
</div>
<div class="container-button">
<a href="/portfolio" class="button">Discover Our Portfolio</a>
</div>
</section>
<!-- Section about us -->
<section class="section about">
<div class="container">
<div class="text">
<div class="section-title">
<h2>Our passion</h2>
</div>
<p>We provide expertise and tailored solutions primarily built on <a href='https://en.wikipedia.org/wiki/Linux' target='_blank' rel='noreferrer'>Linux</a> and <a href='https://redhat.com' target='_blank' rel='noreferrer'>Red Hat</a> products.</p>
<p>RedLin is founded and owned by <a href='https://www.linkedin.com/in/patrikmartinsson/' target='_blank' rel='noreferrer'> Patrik Martinsson</a> who has been in love with Red Hat for over a decade. During that time he has helped (as an employee) both governments and private companies to standardize and develop their infrastructure with the help of Linux and Red Hat products.</p>
</div>
<picture class="image">
<source srcset="/images/home/about.webp" type="image/webp">
<img loading="lazy" width="460" src="/images/home/about.png" alt="about us">
</picture>
</div>
</section>
<!-- Section automation -->
<section class="section automation section--muted">
<div class="container">
<picture class="image">
<source srcset="/images/home/automation.webp" type="image/webp">
<img loading="lazy" width="250" src="/images/home/automation.png" alt="automation">
</picture>
<div class="text">
<div class="section-title">
<h2>We believe in automation</h2>
</div><p>At RedLin we work hard on standardization and consistency. We want to make absolutely sure that your infrastructure is consistent with as few exceptions as possible. There are unlimited tools and ways of achieving this but the key for RedLin is always <strong>standardization</strong> and <strong>consistency</strong>. With these two pieces in place we can easily achieve automation.</p>
<p>We usually rely on traditional tools such as <a href='https://ansible.com' target='_blank' rel='noreferrer'>Ansible</a> and <a href='https://puppet.com' target='_blank' rel='noreferrer'>Puppet</a> for automation and standardization purposes. With that said we will always adopt to the customers need. On top of that we often build our own tools that can be used for inventorying and follow ups.</p>
<p><a href="/our-skills" class="button">Check out our skills</a></p>
</div>
</div>
</section>
<!-- Section Services -->
<section class="section services">
<div class="container">
<div class="section-title">
<h2>Our Services</h2>
<p>We provide a number various services where we usually design and tailor the service according to our custom needs.</p>
</div>
<div class="service-items"></a>
<div class="item">
<a href="https://www.redhat.com/rhtapps/services/certifications/badge/verify/6JKMSGM44ZMQPIIRFKGLJELAZIAEQU3CUPSQX2KSDXT6RW46LQ3XCZJWRJNV7ILTXVE4I6VB7OTCG4U5NQYTCNA62RUWOCM34WWBUYQ=">
<i class="fas fa-user-check"></i>
<span>Red Hat Certified</span>
<p>We are Certified Engineers.</p>
</a>
</div></a>
<div class="item">
<a href="/our-skills">
<i class="fas fa-magic"></i>
<span>Automation</span>
<p>We write infrastructure as code.</p>
</a>
</div></a>
<div class="item">
<a href="/portfolio">
<i class="fas fa-tools"></i>
<span>Tools</span>
<p>We build custom tools.</p>
</a>
</div></a>
<div class="item">
<a href="/portfolio">
<i class="fas fa-bug"></i>
<span>Bug fixing</span>
<p>We fix bugs and ship upstream.</p>
</a>
</div>
</div>
</div>
</section>
</div>
<!-- Footer -->
<div class="footer">
<p>Copyright © 2020 <a href="https://www.redlin.se">RedLin PM AB</a> All Rights Reserved</p>
</div>
<script>
function check_webp_feature(feature, callback) {
var kTestImages = {
lossy: "UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA",
lossless: "UklGRhoAAABXRUJQVlA4TA0AAAAvAAAAEAcQERGIiP4HAA==",
alpha: "UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAARBxAR/Q9ERP8DAABWUDggGAAAABQBAJ0BKgEAAQAAAP4AAA3AAP7mtQAAAA==",
animation: "UklGRlIAAABXRUJQVlA4WAoAAAASAAAAAAAAAAAAQU5JTQYAAAD/////AABBTk1GJgAAAAAAAAAAAAAAAAAAAGQAAABWUDhMDQAAAC8AAAAQBxAREYiI/gcA"
};
var img = new Image();
img.onload = function () {
var result = (img.width > 0) && (img.height > 0);
callback(feature, result);
};
img.onerror = function () {
callback(feature, false);
};
img.src = "data:image/webp;base64," + kTestImages[feature];
}
check_webp_feature('lossy', function (feature, supported) {
if (!supported) {
const x = document.getElementsByClassName("banner");
let f = x[0].style.backgroundImage;
const r = f.replace("webp", "png");
f = x[0].style.backgroundImage = r;
}
});
</script>
</body>
</html>