TAK-55 Strona autorów

This commit is contained in:
Jan Przybylski 2020-12-16 20:49:40 +01:00
parent 777e101aa0
commit fa34d31efa
2 changed files with 204 additions and 0 deletions

30
app/about.R Normal file
View File

@ -0,0 +1,30 @@
library(shiny)
library(magrittr)
library(ggplot2)
library(plotly)
library(DT)
ui <- fluidPage(
tags$head(
tags$link(rel = "stylesheet", type = "text/css", href = "authors.css")
),
mainPanel(
p(id="div0","Kim jesteśmy?"),
tags$style(HTML("hr {position: absolute;width: 300px;height: 0px;left: 124px;top: calc(50% - 0px/2 - 118px);border: 0.5px solid #028090;}")),
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. "),
p(id="div2","Nasza ekipa składa się z trzech członków i są to:"),
p(id="div3","Jan Przybylski"),
#p(id="dif"),
p(id="div4","Robert Tarnas"),
#p(id="dif1"),
p(id="div5","Rafał Piskorski"),
#p(id="dif2")
#Dodac zdjecia
)
)
server <- function(input, output, session) {
}
shinyApp(ui = ui, server = server)

174
app/www/authors.css Normal file
View File

@ -0,0 +1,174 @@
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.jpg);
}
#dif1{
position: absolute;
width: 70px;
height: 70px;
left: 244px;
top: calc(50% - 70px/2 + 4px);
background: url(robert.jpg);
}
#dif2{
position: absolute;
width: 70px;
height: 70px;
left: 408px;
top: calc(50% - 70px/2 + 4px);
background: url(rafal.jpg);
}