TAK-62 fixed authors page

This commit is contained in:
Robert Tarnas 2021-01-03 18:41:14 +01:00
parent c96c084266
commit 942c69fc59
2 changed files with 19 additions and 185 deletions

View File

@ -12,17 +12,25 @@ aboutUI <- function(id){
tags$head( tags$head(
tags$link(rel = "stylesheet", type = "text/css", href = "style.css") tags$link(rel = "stylesheet", type = "text/css", href = "style.css")
), ),
mainPanel( fluidPage(
p(id="div0","Kim jesteśmy?"), h1("Kim jestesmy?", align = "center"),
tags$style(HTML("hr {position: absolute;width: 300px;height: 0px;left: 124px;top: calc(50% - 0px/2 - 118px);border: 0.5px solid #028090;}")), br(),
p(id="div1","Jesteśmy młodym i dynamicznym zespołem, który dopiero co wkracza na rynek komercyjnych aplikacji. Tworząc aplikację TakeCareApp przyświecał nam cel poszerzenie dostępności diagnozy medycznej i umożliwienie szybkiego i wygodnego odczytania wyników. "), h4("Jestesmy mlodym dynamicznym zespolem wdrazajacym sie w swiat tworzenia profesjonalnych aplikacji"),
p(id="div2","Nasza ekipa składa się z trzech członków i są to:"), h4("Nasz zespol sklada sie z:"),
p(id="div3","Jan Przybylski"), br(),
p(id="dif"),
p(id="div4","Robert Tarnas"), fluidRow(column(4,
p(id="dif1"), div(div("Jan Przybylski"),img(src="jp.png", height = 150, width = 150)))%>% tagAppendAttributes(class = 'column-tile'),
p(id="div5","Rafał Piskorski"), column(4,
p(id="dif2"), div(div("Rafal Piskorski"),img(src="rafal.png", height = 150, width = 150)))%>% tagAppendAttributes(class = 'column-tile'),
column(4,
div(div("Robert Tarnas"),img(src="robert.png", height = 150, width = 150)))%>% tagAppendAttributes(class = 'column-tile'),
),

View File

@ -1,174 +0,0 @@
body{
position: absolute;
width: 517px;
height: 216px;
left: 15px;
top: calc(50% - 216px/2 - 37px);
background: #F9F3F3;
border-radius: 10px;
}
#div0{
position: absolute;
width: 125px;
height: 25px;
left: 212px;
top: calc(50% - 25px/2 - 126.5px);
font-family: Oswald;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 11px;
/* or 110% */
display: flex;
align-items: center;
text-align: center;
color: #05668D;
}
#div1{
position: absolute;
width: 360px;
height: 25px;
left: 95px;
top: calc(50% - 25px/2 - 97.5px);
font-family: Oswald;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 11px;
/* or 110% */
display: flex;
align-items: center;
color: #000000;
}
#div2{
position: absolute;
width: 360px;
height: 25px;
left: 95px;
top: calc(50% - 25px/2 - 54.5px);
font-family: Oswald;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 11px;
/* or 110% */
display: flex;
align-items: center;
color: #000000;
}
#div3{
position: absolute;
width: 60px;
height: 25px;
left: 90px;
top: calc(50% - 25px/2 + 48.5px);
font-family: Oswald;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 11px;
/* or 110% */
display: flex;
align-items: center;
text-align: center;
color: #000000;
}
#div4{
position: absolute;
width: 60px;
height: 25px;
left: 249px;
top: calc(50% - 25px/2 + 48.5px);
font-family: Oswald;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 11px;
/* or 110% */
display: flex;
align-items: center;
text-align: center;
color: #000000;
}
#div5{
position: absolute;
width: 60px;
height: 25px;
left: 413px;
top: calc(50% - 25px/2 + 48.5px);
font-family: Oswald;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 11px;
/* or 110% */
display: flex;
align-items: center;
text-align: center;
color: #000000;
}
#dif
{
position: absolute;
width: 70px;
height: 70px;
left: 85px;
top: calc(50% - 70px/2 + 4px);
background: url(jp.png);
}
#dif1{
position: absolute;
width: 70px;
height: 70px;
left: 244px;
top: calc(50% - 70px/2 + 4px);
background: url(robert.png);
}
#dif2{
position: absolute;
width: 70px;
height: 70px;
left: 408px;
top: calc(50% - 70px/2 + 4px);
background: url(rafal.png);
}