sofiboselli.github.io/help_drivers/index.html at master · sofiboselli/sofiboselli.github.io · GitHub

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
---
layout: page
title: Supported Systems (BLI PRO)
toc: true
---

<head>
<style>
.newspaper {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
}
.logos {
	width:290px;
  	height:60px;
  	object-fit:scale-down;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
	/*border: 1px solid #ddd;
  	border-radius: 4px;*/
  	padding: 5px;
}
.logos Img{
	width:65%;
	height:100%;
	object-fit:scale-down;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
	}
.help_driver {
  margin: 3ex auto;
  border: 1px solid #d3d3d380;
}
a {
    color: #ababab;
    transition: all 0.2s;
    font-size: 10pt;
    margin-bottom: 0;
}

</style>
</head>

<body>

A <em>PRO BeoLiving Intelligence</em> supports the most used Smart Home systems in the market. Here you will find <em>BeoLiving Intelligence</em> help and usage guides for some of them:

<br>
<p>

</p>

<div class="row" align="center">


   {% for help_driver in site.help_drivers %}
   	<div class="help_driver">
		<a class=logos target="_blank" href="{{ help_driver.url }}">
  			<img src="/logos/{{ help_driver.url | remove: "help_drivers" | remove: "/" }}.jpg"  >
		</a>
		<center><a href="{{ help_driver.url }}">{{ help_driver.title }}</a></center>
		</div>

       	<!-- if last column in row -->
       	{% assign fullrow = forloop.counter | divisibleby:"3" %}
       	{% if fullrow and forloop.last != true %}
       		</div><div class="row">
       	{% endif %}
   {% endfor %}

   </div>

</div>
</body>