TAK-55 Strona autorów
This commit is contained in:
parent
777e101aa0
commit
fa34d31efa
30
app/about.R
Normal file
30
app/about.R
Normal 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
174
app/www/authors.css
Normal 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);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user