Skip to content

Commit

Permalink
updated the text and the responsiveness
Browse files Browse the repository at this point in the history
  • Loading branch information
@spano
spano committed Feb 28, 2024
1 parent dc15b04 commit 44ed3ab
Show file tree
Hide file tree
Showing 2 changed files with 102 additions and 132 deletions.
70 changes: 38 additions & 32 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html>
<head>
<meta HTTP-EQUIV="content-type" CONTENT="text/html; charset=ISO-8859-1" />
<link rel=StyleSheet href="styleidiap.css" type="text/css" media=screen>
<link rel="StyleSheet" href="styleidiap.css" type="text/css" media="screen">
<title>Idiap Research Institute @ github</title>
<!-- Initial version made by [VS] [email protected] -->
<!-- date: March 9 2012 -->
Expand All @@ -21,53 +21,59 @@
</head>
<body>
<!-- this is the main div "mainbcontainer" -->
<div id="maincontainer">
<div class="maincontainer">
<!-- start the header -->
<div id="headercontainer">
<div id="logocontainer"> <a target="_blank" href="https://www.idiap.ch"><img alt="logo Idiap" title="Idiap Research Institute" src="logo-idiap.png" width="200px" height="auto"></a> </div>
<div class="headercontainer">
<div class="logocontainer"> <a target="_blank" href="https://www.idiap.ch"><img alt="logo Idiap" title="Idiap Research Institute" src="logo-idiap.png" width="200px" height="auto"></a> </div>
</div>
<!-- end header -->

<!-- this is the middle container -->
<div id="middlecontainer">
<div class="middlecontainer">
<h1 class="documentFirstHeading"><img alt="logo github" src="logo-github.png" width="100px" height="auto"> idiap.github.io</h1>
<p>Idiap has a successful track record of dissemination of data and software that are widely adopted, and has a longstanding tradition of delivering research outcomes through open-source licenses and making frameworks accessible to others. This commitment extends beyond mere software contributions. Idiap actively participates in numerous projects, ranging from small-scale initiatives to high-profile endeavors. To facilitate the sharing of improvements made by Idiap's researchers with the wider community, the institute has entered into various corporate contributor license agreements (CLA) or equivalent arrangements with The Qt Company, The Python Project, The Cloud Native Computing Foundation, The Cloud Foundry Foundation, and Google. Thanks to these CLAs, Idiap employees are able to contribute to large-scale open-source projects.</p>
<p>Idiap creates and makes available a significant number of professional software. Over the past five years, Idiap has filed 206 software disclosures, which enabled the distribution of 122 open source software packages and granted 84 commercial licenses on patents and software.</p>
<p>Examples of software packages created by Idiap are Fast Transformers, PyDHN, Kaldi and Bob. The Github project Fast Transformers, which has over 1400 stars and over 160 forks, was used in Muzic, a Microsoft project for music understanding and generation. The open-source package PyDHN for the physics-based simulation of district heating networks, computes pressure, temperature, and mass flow within the pipework knowing only the boundary conditions at the central(s) and sub-stations; it is included in open-source GIS tools for a wider impact on society. The Kaldi open source tool for speech modeling, which is considered one of the main technologies in the community for research and innovation, received 6781 citations. Bob, a set of open-source tools to promote reproducible research, has 25 releases, over 100 satellite repositories and over 5000 commits for the core repository.</p>
<p>See <a target="_blank" href="https://github.com/idiap">https://github.com/idiap</a> for the list of public Idiap github repositories.</p>
<p> Idiap has a successful track record of dissemination of data
and software that are widely adopted, and has a longstanding
tradition of delivering research outcomes through
open-source licenses and making frameworks accessible to
others. This commitment extends beyond mere software
contributions. Idiap actively participates in numerous
projects, ranging from small-scale initiatives to
high-profile endeavors. </p>
<p> Idiap creates and makes available a significant number of
professional software. Over the past five years, distributed
of more than 120 open source software packages. </p>
<p> Examples of software packages created by Idiap are <a href="https://github.com/idiap/fast-transformers"
> Fast Transformers</a
> , <a href="https://github.com/idiap/pydhn">PyDHN</a>, and <a href="https://www.idiap.ch/software/bob/">Bob</a>. The <a href="https://github.com/idiap/fast-transformers"
> Github project Fast Transformers</a
> , which has over 1500 stars and over 160 forks, was used in
Muzic, a Microsoft project for music understanding and
generation. The open-source package <a href="https://github.com/idiap/pydhn">PyDHN</a> for the
physics-based simulation of district heating networks,
computes pressure, temperature, and mass flow within the
pipework knowing only the boundary conditions at the
central(s) and sub-stations; it is included in open-source
GIS tools for a wider impact on society. <a href="https://www.idiap.ch/software/bob/">Bob</a>, a set
of open-source tools to promote reproducible research, has
25 releases, over 100 satellite repositories and over 5000
commits for the core repository. </p>
<p> See <a href="https://github.com/idiap"
> https://github.com/idiap</a
> for the list of public Idiap github repositories. </p>
<br>
<br>
<br>
</div>
<!-- end middle container -->

</div>

<!-- end mainbox -->

<!-- start footer -->
<div id="footercontainer">
<div class="footercontainer">

<!-- start socials -->
<div align="center" style="padding-bottom: 1em; margin-bottom: 0.5em; padding-top: 35px; padding-bottom: 1em; margin-bottom: 0.5em; padding-top: 35px">
<a target="_blank" style="padding:20px" title="LinkedIn" href="https://www.linkedin.com/company/idiap-research-institute" data-linktype="external" data-val="https://www.linkedin.com/company/idiap-research-institute">
<img class="image-inline" src="https://www.idiap.ch/resolveuid/6f965a0b261f4d348da326420d644217/@@images/image/icon" alt="logo linkedIn" data-linktype="image" data-scale="icon" data-val="6f965a0b261f4d348da326420d644217">
</a>

<a target="_blank" style="padding:20px" title="X formally Twitter" href="https://twitter.com/Idiap_ch" data-linktype="external" data-val="https://twitter.com/Idiap_ch">
<img class="image-inline" src="icon-x.png" alt="logo Twitter" data-linktype="image" data-scale="icon" data-val="">
</a>

<a target="_blank" style="padding:20px" title="Facebook" href="https://fr-fr.facebook.com/IdiapResearchInstitute/" data-linktype="external" data-val="https://fr-fr.facebook.com/IdiapResea rchInstitute/">
<img class="image-inline" src="https://www.idiap.ch/resolveuid/188556ed1e254934a43aa1869cee671a/@@images/image/icon" alt="logo Facebook" data-linktype="image" data-scale="icon" data-val="188556ed1e254934a43aa1869cee671a">
</a>

<a target="_blank" style="padding:20px;" title="Youtube" href="https://www.youtube.com/c/IdiapCh" data-linktype="external" data val="https://www.youtube.com/c/IdiapCh">
<img class="image-inline" src="https://www.idiap.ch/resolveuid/683be21aca194a33ba74f15138fc087a/@@images/image/icon" alt="logo YouTube" data-linktype="image" data-scale="icon" data-val="683be21aca194a33ba74f15138fc087a">
</a>

<a target="_blank" style="padding:20px;" title="Contact" href="https://www.idiap.ch/resolveuid/09908f6c5fb44eb8adb24b3b07b7a26e" data-linktype="external" data-val="/en/idiap-contact-from"> <img class="image-inline" src="https://www.idiap.ch/resolveuid/03ec88e04e6943c988f7838387d4f11b/@@images/image/icon" alt="icon mail" data-linktype="image" data-scale="icon" data-val="03ec88e04e6943c988f7838387d4f11b">
</a>
</div>
<div align="center" style="padding-bottom: 1em; margin-bottom: 0.5em; padding-top: 35px; padding-bottom: 1em; margin-bottom: 0.5em; padding-top: 35px"> <a target="_blank" style="padding:20px" title="LinkedIn" href="https://www.linkedin.com/company/idiap-research-institute"> <img class="" src="https://www.idiap.ch/resolveuid/6f965a0b261f4d348da326420d644217" alt="logo linkedIn"> </a> <a target="_blank" style="padding:20px" title="X formally Twitter" href="https://twitter.com/Idiap_ch"> <img class="" src="icon-x.png" alt="logo Twitter"> </a> <a target="_blank" style="padding:20px" title="Facebook" href="https://fr-fr.facebook.com/IdiapResearchInstitute/"> <img class="" src="https://www.idiap.ch/resolveuid/188556ed1e254934a43aa1869cee671a" alt="logo Facebook"> </a> <a target="_blank" style="padding:20px;" title="Youtube" href="https://www.youtube.com/c/IdiapCh"> <img class="" src="https://www.idiap.ch/resolveuid/683be21aca194a33ba74f15138fc087a" alt="logo YouTube"> </a> <a target="_blank" style="padding:20px;" title="Contact" href="https://www.idiap.ch/resolveuid/09908f6c5fb44eb8adb24b3b07b7a26e"> <img class="" src="https://www.idiap.ch/resolveuid/03ec88e04e6943c988f7838387d4f11b" alt="icon mail"> </a> </div>
<!-- end socials -->

<p>Idiap Research Institute<br>
Expand All @@ -80,7 +86,7 @@ <h1 class="documentFirstHeading"><img alt="logo github" src="logo-github.png" wi
</p>
<p> <a target="_blank" title="Idiap contact form" href="https://www.idiap.ch/en/idiap-contact-form"> <img src="mail_icon.gif" alt="" align="absmiddle" width="32" height="auto"></a>&nbsp; <a target="_blank" style="color:#0099cc" title="Idiap contact form" href="https://www.idiap.ch/en/idiap-contact-form">Contact form</a> </p>
<p>&nbsp;</p>
<div id="footertxt"><span style="vertical-align:super">&copy; Idiap Research Institute 2012 - 2024</span> </div>
<div class="footertxt"><span style="vertical-align:super">&copy; Idiap Research Institute 2012 - 2024</span> </div>
</div>
<!-- end footer -->
</body>
Expand Down
164 changes: 64 additions & 100 deletions styleidiap.css
View file
Original file line number Diff line number Diff line change
@@ -1,116 +1,80 @@
/* CSS Document */
/* Initial version made by [VS] [email protected] */
/* date: 23.02.2012 */
/*the html page structure is defined has follow:
mainbcontainer
headercontainer
logocontainer
bannercontainer
headercontainer
middlecontainer
addresscontainer
contentcontainer
roundbox
middlecontainer
footercontainer
mainbcontainer
*/

html {
position: relative;
min-height: 100%;
body {
margin: 0px;
padding: 0px;
background-color: #ffffff;
color: #636363;
font-family: Arial, Helvetica, Verdana, "Lucida Grande", Lucida sans-serif;
font-size: 0.8em;
text-align: justify;
line-height: 1.5;
}

body{
background-color:#ffffff;
margin:0em 0em 0em 0em;
color: #636363;
font-family: Arial,Helvetica,Verdana,"Lucida Grande",Lucida sans-serif;
font-size:0.8em;
text-align: justify;
line-height: 1.5;
img {
border: 0;
}
img{
border:0;
/* start style for the main container with a fixed size */
.maincontainer {
width: 1280px;
margin: 40px auto;
background-color: #ffffff;
}
/*this is the style for the main container with a fixed size*/
#maincontainer{
width:1280 !important; /*for all browsers */
width:1300; /*for IE */
margin:0em auto;
float:none;
background-color:#ffffff;
/* start style for the container header */
.headercontainer {
width: 1280px;
height: 100px;
background-color: #ffffff;
}
/*this is the style for the container header*/
#headercontainer{
width:1280 !important; /*for all browsers */
width:1300; /*for IE */
height: 100px;
background-color:#ffffff;
margin:0em;
padding:0em 0em 0em 0em;
clear:both;
/* strart style for the container logo */
.logocontainer {
width: 300px;
padding: 0.8em 0em 0em 3em;
float: left;
background-color: #ffffff;
}
/*this is the style for the container logo*/
#logocontainer{
width:300 !important; /*for all browsers */
width:330;/*for IE only*/
padding:0.8em 0em 0em 3em;
float:left;
background-color: #ffffff;
/* start style for the midlle container */
.middlecontainer {
width: 1280px;
background-color: #ffffff;
}
/*this is the style for the container banner*/


/*this is the style for the midlle container*/
#middlecontainer{
width:1280;
clear:both;
background-color:#ffffff;
margin:0em;
padding:0em;
/* start style for the container footer */
.footercontainer {
width: 100%;
height: auto;
padding: 0px;
background-color: #333333;
float: none;
color: white;
text-align: center;
bottom: 0;
}
/*this is the style for the container address*/
#addresscontainer{
width:auto !important; /*for all browsers */
width:265;/*for IE */
padding:0em 0em 0em 9.5em;
margin:2.4em 0em 0em 0em;
background-color:#ffffff;
float:left;
.footertxt {
text-align: center;
}
/*this is the style for the container content*/
#contentcontainer{
width:630;
padding:0em 0em 0em 0em;
margin:2.3em 2.0em 2em 6.5em !important; /*for all browsers */
margin:2.3em 2.0em 2em 5em;/*for IE */
float:left;
background-color:#ffffff;
.footercontainer img {
width: 30px;
height: 30px;
}
/*this is the style for the container footer*/
#footercontainer{
position: absolute;
clear:both;
width:100%;
height:auto;
padding:0.5em 0em 0.8em 0em;
background-color: #333333;
float: none;
color:white;
text-align: center;
bottom:0;
}
#footertxt
{
text-align: center;
}
h1.documentFirstHeading {
@media only screen and (max-width: 1279px) {
.footercontainer img {
width: 40px;
height: 40px;
}
.maincontainer {
width: 100%;
}
.headercontainer {
width: 90%;
}
.middlecontainer {
width: 95%;
margin: 20px;
}
h1.documentFirstHeading {
font-size: 36px;
font-weight: 300;
color: #0099cc;
border-bottom: none;
}
}
}

0 comments on commit 44ed3ab

Please sign in to comment.