init commit of new design
This commit is contained in:
Leon Noe Jovan
parent
cead80ed79
commit
32fa0ad3a9
3
.gitignore
vendored
3
.gitignore
vendored
|
|
@ -1,6 +1,7 @@
|
|||
uploads/*
|
||||
!uploads/.gitkeep
|
||||
|
||||
.idea/
|
||||
portal-ds4-ds1/
|
||||
|
||||
# Byte-compiled / optimized / DLL files
|
||||
__pycache__/
|
||||
|
|
|
|||
|
|
@ -48,7 +48,6 @@ class ContractCreator:
|
|||
template_loader = FileSystemLoader(searchpath="./")
|
||||
template_env = Environment(loader=template_loader)
|
||||
self.template = template_env.get_template(template_path)
|
||||
|
||||
self.pdfkit_options = {
|
||||
'page-size': 'A4',
|
||||
'margin-top': '0.75in',
|
||||
|
|
@ -74,7 +73,7 @@ class ContractCreator:
|
|||
|
||||
|
||||
class UploadHandlerSolar():
|
||||
|
||||
ENABLED_FILETYPES = ['txt', 'csv', 'pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'xml', 'mxliff', 'tmx', 'jpg', 'jpeg', 'png']
|
||||
def __init__(self, **kwargs):
|
||||
self.config = kwargs
|
||||
|
||||
|
|
|
|||
210
static/css/form.css
Normal file
210
static/css/form.css
Normal file
|
|
@ -0,0 +1,210 @@
|
|||
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);
|
||||
html {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 16px;
|
||||
color: #46535B; }
|
||||
|
||||
body {
|
||||
font-size: 16px;
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
|
||||
h1 {
|
||||
font-size: 30px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: 35px;
|
||||
color: #006CB7; }
|
||||
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: 21px;
|
||||
text-transform: uppercase;
|
||||
color: #006CB7; }
|
||||
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: 21px; }
|
||||
|
||||
em {
|
||||
font-weight: 300; }
|
||||
|
||||
.btn {
|
||||
border: none;
|
||||
line-height: 2.5rem;
|
||||
padding: 0 2.5rem;
|
||||
color: white;
|
||||
background: #006CB7;
|
||||
border-radius: 20px;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
transition: opacity 0.3s ease-out; }
|
||||
.btn:hover {
|
||||
opacity: 0.8; }
|
||||
|
||||
.input-wrapper {
|
||||
position: relative;
|
||||
height: 66px; }
|
||||
.input-wrapper .input-icon {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
width: 1.5rem; }
|
||||
.input-wrapper .input-floating-label {
|
||||
position: absolute;
|
||||
left: 46px;
|
||||
right: 0;
|
||||
display: block; }
|
||||
.input-wrapper .input-floating-label input {
|
||||
padding: 4px 0;
|
||||
background: none;
|
||||
border: none;
|
||||
display: block;
|
||||
width: 100%;
|
||||
border-bottom: 2px solid #C4C4C4; }
|
||||
.input-wrapper .input-floating-label .floating-label {
|
||||
position: absolute;
|
||||
top: -14px;
|
||||
font-size: 10px;
|
||||
color: #46535B; }
|
||||
|
||||
.panel {
|
||||
background: #F5F5F5;
|
||||
padding: 40px 60px;
|
||||
border-radius: 20px; }
|
||||
.panel .panel-logo {
|
||||
position: absolute;
|
||||
top: -60px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: block;
|
||||
margin: auto;
|
||||
background: #F5F5F5;
|
||||
padding: 20px 30px;
|
||||
width: 100px;
|
||||
border-radius: 100%;
|
||||
text-align: center; }
|
||||
|
||||
.line {
|
||||
background: #C4C4C4;
|
||||
height: 2px;
|
||||
width: 200px;
|
||||
margin: auto; }
|
||||
|
||||
.a-right {
|
||||
display: block;
|
||||
text-align: right;
|
||||
font-size: 10px;
|
||||
text-decoration: none;
|
||||
color: #006CB7;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.alert {
|
||||
position: relative;
|
||||
color: #8D3D3D; }
|
||||
.alert img {
|
||||
position: relative;
|
||||
top: 0.25rem;
|
||||
width: 1.8rem; }
|
||||
.alert p {
|
||||
position: absolute;
|
||||
left: 3rem;
|
||||
top: 0;
|
||||
margin: 0;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.submit-alert {
|
||||
background: white;
|
||||
border: 2px solid #B7DB70;
|
||||
box-sizing: border-box;
|
||||
border-radius: 8px; }
|
||||
.submit-alert .btn {
|
||||
margin-top: 0.5rem;
|
||||
background: #88B52F;
|
||||
border-radius: 4px; }
|
||||
|
||||
.form-wrapper {
|
||||
margin-bottom: 1rem; }
|
||||
.form-wrapper label {
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
font-size: 0.75rem;
|
||||
line-height: 0.875rem;
|
||||
text-transform: uppercase; }
|
||||
.form-wrapper select {
|
||||
display: block;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #B6BEC3;
|
||||
padding: 0.75rem 1rem;
|
||||
width: 100%; }
|
||||
.form-wrapper input[type="text"] {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #B6BEC3;
|
||||
padding: 0.75rem 1rem;
|
||||
width: 100%; }
|
||||
.form-wrapper .dropzone {
|
||||
box-sizing: border-box;
|
||||
padding: 0.5rem;
|
||||
height: 4.5rem;
|
||||
background: #E0E6EA; }
|
||||
.form-wrapper .dropzone .dz-default.dz-message {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
height: 3.5rem;
|
||||
text-align: center;
|
||||
border: 2px dashed white; }
|
||||
.form-wrapper .dropzone .dz-default.dz-message span {
|
||||
display: inline-block;
|
||||
background: #006CB7;
|
||||
border-radius: 6px;
|
||||
color: white;
|
||||
padding: 0.5rem 0.75rem;
|
||||
margin-top: 0.5rem;
|
||||
cursor: pointer; }
|
||||
.form-wrapper .dz-preview.dz-file-preview {
|
||||
position: relative;
|
||||
background: white;
|
||||
height: 4.5rem;
|
||||
margin-top: 1rem; }
|
||||
.form-wrapper .dz-preview.dz-file-preview .dz-image {
|
||||
position: absolute;
|
||||
left: 1rem;
|
||||
top: 1rem;
|
||||
background: url("/static/image/file.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
width: 2rem;
|
||||
height: 2rem; }
|
||||
.form-wrapper .dz-preview.dz-file-preview .dz-image img {
|
||||
display: none; }
|
||||
.form-wrapper .dz-preview.dz-file-preview .dz-details .dz-filename {
|
||||
position: absolute;
|
||||
top: 1.5rem;
|
||||
left: 1.5rem; }
|
||||
.form-wrapper .dz-preview.dz-file-preview .dz-details .dz-size {
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
right: 1rem; }
|
||||
.form-wrapper .dz-preview.dz-file-preview .dz-success-mark, .form-wrapper .dz-preview.dz-file-preview .dz-error-mark {
|
||||
display: none; }
|
||||
.form-wrapper .dz-preview.dz-file-preview .dz-progress {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 1.5rem;
|
||||
width: 28%;
|
||||
border-radius: 10px;
|
||||
overflow: hidden; }
|
||||
.form-wrapper .dz-preview.dz-file-preview .dz-progress .dz-upload {
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
background: #006CB7; }
|
||||
|
||||
/*# sourceMappingURL=form.css.map */
|
||||
7
static/css/form.css.map
Normal file
7
static/css/form.css.map
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAAQ,+IAAuI;AAa/I,IAAK;EACH,WAAW,EAAE,oBAAoB;EACjC,SAAS,EAAC,IAAI;EACd,KAAK,EAZC,OAAO;;AAef,IAAK;EACH,SAAS,EAAC,IAAI;EACd,OAAO,EAAC,CAAC;EACT,MAAM,EAAC,CAAC;;ACpBV,EAAG;EACD,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,IAAI;EACjB,KAAK,EDLA,OAAO;;ACOd,EAAG;EACD,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,SAAS;EACzB,KAAK,EDbA,OAAO;;ACgBd,EAAG;EACD,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,IAAI;;AAGnB,EAAG;EACD,WAAW,EAAE,GAAG;;AAGlB,IAAK;EACH,MAAM,EAAC,IAAI;EACX,WAAW,EAAE,MAAM;EACnB,OAAO,EAAE,QAAQ;EACjB,KAAK,EAAC,KAAK;EACX,UAAU,EDhCL,OAAO;ECiCZ,aAAa,EAAE,IAAI;EACnB,SAAS,EAAE,QAAQ;EACnB,WAAW,EAAE,GAAG;EAChB,MAAM,EAAE,OAAO;EACf,UAAU,EAAE,qBAAqB;EACjC,UAAQ;IACN,OAAO,EAAE,GAAG;;AAIhB,cAAe;EACb,QAAQ,EAAC,QAAQ;EACjB,MAAM,EAAC,IAAI;EACX,0BAAY;IACV,QAAQ,EAAC,QAAQ;IACjB,IAAI,EAAC,CAAC;IACN,GAAG,EAAC,CAAC;IACL,OAAO,EAAC,KAAK;IACb,KAAK,EAAC,MAAM;EAEd,oCAAsB;IACpB,QAAQ,EAAC,QAAQ;IACjB,IAAI,EAAE,IAAI;IACV,KAAK,EAAC,CAAC;IACP,OAAO,EAAC,KAAK;IACb,0CAAM;MACJ,OAAO,EAAC,KAAK;MACb,UAAU,EAAE,IAAI;MAChB,MAAM,EAAC,IAAI;MACX,OAAO,EAAC,KAAK;MACb,KAAK,EAAC,IAAI;MACV,aAAa,EAAE,iBAAe;IAGhC,oDAAgB;MACd,QAAQ,EAAE,QAAQ;MAClB,GAAG,EAAE,KAAK;MACV,SAAS,EAAE,IAAI;MACf,KAAK,EDrEH,OAAO;;AC4Ef,MAAO;EACL,UAAU,EDzEJ,OAAO;EC0Eb,OAAO,EAAE,SAAS;EAClB,aAAa,EAAE,IAAI;EACnB,kBAAY;IACV,QAAQ,EAAC,QAAQ;IACjB,GAAG,EAAE,KAAK;IACV,IAAI,EAAC,CAAC;IACN,KAAK,EAAC,CAAC;IACP,OAAO,EAAC,KAAK;IACb,MAAM,EAAC,IAAI;IACX,UAAU,EDnFN,OAAO;ICoFX,OAAO,EAAC,SAAS;IACjB,KAAK,EAAE,KAAK;IACZ,aAAa,EAAE,IAAI;IACnB,UAAU,EAAE,MAAM;;AAKtB,KAAM;EACJ,UAAU,EDhGL,OAAO;ECiGZ,MAAM,EAAC,GAAG;EACV,KAAK,EAAC,KAAK;EACX,MAAM,EAAE,IAAI;;AAGd,QAAS;EACP,OAAO,EAAC,KAAK;EACb,UAAU,EAAE,KAAK;EACjB,SAAS,EAAC,IAAI;EACd,eAAe,EAAE,IAAI;EACrB,KAAK,ED9GA,OAAO;EC+GZ,cAAc,EAAE,SAAS;;AAG3B,MAAO;EACL,QAAQ,EAAC,QAAQ;EACjB,KAAK,EDnHD,OAAO;ECoHX,UAAI;IACF,QAAQ,EAAC,QAAQ;IACjB,GAAG,EAAC,OAAO;IACX,KAAK,EAAC,MAAM;EAEd,QAAE;IACA,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAC,IAAI;IACT,GAAG,EAAE,CAAC;IACN,MAAM,EAAC,CAAC;IACR,cAAc,EAAE,SAAS;;AAI7B,aAAc;EACZ,UAAU,EAAC,KAAK;EAChB,MAAM,EAAE,iBAAsB;EAC9B,UAAU,EAAE,UAAU;EACtB,aAAa,EAAE,GAAG;EAClB,kBAAK;IACH,UAAU,EAAC,MAAM;IACjB,UAAU,EDlIN,OAAO;ICmIX,aAAa,EAAE,GAAG;;AC3ItB,aAAc;EACZ,aAAa,EAAC,IAAI;EAClB,mBAAM;IACJ,OAAO,EAAC,KAAK;IACb,WAAW,EAAE,MAAM;IACnB,SAAS,EAAE,OAAO;IAClB,WAAW,EAAE,QAAQ;IACrB,cAAc,EAAE,SAAS;EAE3B,oBAAO;IACL,OAAO,EAAC,KAAK;IACb,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,iBAAsB;IAC9B,OAAO,EAAE,YAAY;IACrB,KAAK,EAAC,IAAI;EAEZ,gCAAmB;IACjB,UAAU,EAAE,UAAU;IACtB,OAAO,EAAC,KAAK;IACb,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,iBAAsB;IAC9B,OAAO,EAAE,YAAY;IACrB,KAAK,EAAC,IAAI;EAEZ,uBAAU;IACR,UAAU,EAAE,UAAU;IACtB,OAAO,EAAC,MAAM;IACd,MAAM,EAAC,MAAM;IACb,UAAU,EAAC,OAAO;IAClB,8CAAuB;MACrB,UAAU,EAAE,UAAU;MACtB,OAAO,EAAE,KAAK;MACd,MAAM,EAAC,MAAM;MACb,UAAU,EAAE,MAAM;MAClB,MAAM,EAAC,gBAAgB;MACvB,mDAAK;QACH,OAAO,EAAE,YAAY;QACrB,UAAU,EFrCX,OAAO;QEsCN,aAAa,EAAE,GAAG;QAClB,KAAK,EAAC,KAAK;QACX,OAAO,EAAE,cAAc;QACvB,UAAU,EAAC,MAAM;QACjB,MAAM,EAAE,OAAO;EAIrB,yCAA4B;IAC1B,QAAQ,EAAC,QAAQ;IACjB,UAAU,EAAC,KAAK;IAChB,MAAM,EAAC,MAAM;IACb,UAAU,EAAC,IAAI;IACf,mDAAU;MACR,QAAQ,EAAC,QAAQ;MACjB,IAAI,EAAC,IAAI;MACT,GAAG,EAAC,IAAI;MACR,UAAU,EAAE,6BAA6B;MACzC,iBAAiB,EAAE,SAAS;MAC5B,mBAAmB,EAAE,MAAM;MAC3B,KAAK,EAAC,IAAI;MACV,MAAM,EAAC,IAAI;MACX,uDAAI;QACF,OAAO,EAAE,IAAI;IAIf,kEAAa;MACX,QAAQ,EAAC,QAAQ;MACjB,GAAG,EAAC,MAAM;MACV,IAAI,EAAC,MAAM;IAEb,8DAAS;MACP,QAAQ,EAAC,QAAQ;MACjB,GAAG,EAAC,IAAI;MACR,KAAK,EAAC,IAAI;IAId,oHAAgC;MAAC,OAAO,EAAC,IAAI;IAC7C,sDAAa;MACX,QAAQ,EAAC,QAAQ;MACjB,IAAI,EAAC,GAAG;MACR,GAAG,EAAE,MAAM;MACX,KAAK,EAAC,GAAG;MACT,aAAa,EAAE,IAAI;MACnB,QAAQ,EAAE,MAAM;MAChB,iEAAW;QACT,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,YAAY;QACrB,UAAU,EFxFX,OAAO",
|
||||
"sources": ["slovenscina-theme.scss","slovenscina-elements.scss","form.scss"],
|
||||
"names": [],
|
||||
"file": "form.css"
|
||||
}
|
||||
95
static/css/form.scss
Normal file
95
static/css/form.scss
Normal file
|
|
@ -0,0 +1,95 @@
|
|||
@import "slovenscina-elements.scss";
|
||||
|
||||
.form-wrapper {
|
||||
margin-bottom:1rem;
|
||||
label {
|
||||
display:block;
|
||||
font-weight: normal;
|
||||
font-size: 0.75rem;
|
||||
line-height: 0.875rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
select {
|
||||
display:block;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid $grey-border;
|
||||
padding: 0.75rem 1rem;
|
||||
width:100%;
|
||||
}
|
||||
input[type="text"] {
|
||||
box-sizing: border-box;
|
||||
display:block;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid $grey-border;
|
||||
padding: 0.75rem 1rem;
|
||||
width:100%;
|
||||
}
|
||||
.dropzone {
|
||||
box-sizing: border-box;
|
||||
padding:0.5rem;
|
||||
height:4.5rem;
|
||||
background:#E0E6EA;
|
||||
.dz-default.dz-message {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
height:3.5rem;
|
||||
text-align: center;
|
||||
border:2px dashed white;
|
||||
span {
|
||||
display: inline-block;
|
||||
background: $blue;
|
||||
border-radius: 6px;
|
||||
color:white;
|
||||
padding: 0.5rem 0.75rem;
|
||||
margin-top:0.5rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-file-preview {
|
||||
position:relative;
|
||||
background:white;
|
||||
height:4.5rem;
|
||||
margin-top:1rem;
|
||||
.dz-image {
|
||||
position:absolute;
|
||||
left:1rem;
|
||||
top:1rem;
|
||||
background: url("/static/image/file.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
width:2rem;
|
||||
height:2rem;
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dz-details {
|
||||
.dz-filename {
|
||||
position:absolute;
|
||||
top:1.5rem;
|
||||
left:1.5rem;
|
||||
}
|
||||
.dz-size {
|
||||
position:absolute;
|
||||
top:1rem;
|
||||
right:1rem;
|
||||
}
|
||||
|
||||
}
|
||||
.dz-success-mark,.dz-error-mark {display:none;}
|
||||
.dz-progress {
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top: 1.5rem;
|
||||
width:28%;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
.dz-upload {
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
background:$blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
189
static/css/header.css
Normal file
189
static/css/header.css
Normal file
|
|
@ -0,0 +1,189 @@
|
|||
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);
|
||||
html {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 16px;
|
||||
color: #46535B; }
|
||||
|
||||
body {
|
||||
font-size: 16px;
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
|
||||
h1 {
|
||||
font-size: 30px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: 35px;
|
||||
color: #006CB7; }
|
||||
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: 21px;
|
||||
text-transform: uppercase;
|
||||
color: #006CB7; }
|
||||
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: 21px; }
|
||||
|
||||
em {
|
||||
font-weight: 300; }
|
||||
|
||||
.btn {
|
||||
border: none;
|
||||
line-height: 2.5rem;
|
||||
padding: 0 2.5rem;
|
||||
color: white;
|
||||
background: #006CB7;
|
||||
border-radius: 20px;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
transition: opacity 0.3s ease-out; }
|
||||
.btn:hover {
|
||||
opacity: 0.8; }
|
||||
|
||||
.input-wrapper {
|
||||
position: relative;
|
||||
height: 66px; }
|
||||
.input-wrapper .input-icon {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
width: 1.5rem; }
|
||||
.input-wrapper .input-floating-label {
|
||||
position: absolute;
|
||||
left: 46px;
|
||||
right: 0;
|
||||
display: block; }
|
||||
.input-wrapper .input-floating-label input {
|
||||
padding: 4px 0;
|
||||
background: none;
|
||||
border: none;
|
||||
display: block;
|
||||
width: 100%;
|
||||
border-bottom: 2px solid #C4C4C4; }
|
||||
.input-wrapper .input-floating-label .floating-label {
|
||||
position: absolute;
|
||||
top: -14px;
|
||||
font-size: 10px;
|
||||
color: #46535B; }
|
||||
|
||||
.panel {
|
||||
background: #F5F5F5;
|
||||
padding: 40px 60px;
|
||||
border-radius: 20px; }
|
||||
.panel .panel-logo {
|
||||
position: absolute;
|
||||
top: -60px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: block;
|
||||
margin: auto;
|
||||
background: #F5F5F5;
|
||||
padding: 20px 30px;
|
||||
width: 100px;
|
||||
border-radius: 100%;
|
||||
text-align: center; }
|
||||
|
||||
.line {
|
||||
background: #C4C4C4;
|
||||
height: 2px;
|
||||
width: 200px;
|
||||
margin: auto; }
|
||||
|
||||
.a-right {
|
||||
display: block;
|
||||
text-align: right;
|
||||
font-size: 10px;
|
||||
text-decoration: none;
|
||||
color: #006CB7;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.alert {
|
||||
position: relative;
|
||||
color: #8D3D3D; }
|
||||
.alert img {
|
||||
position: relative;
|
||||
top: 0.25rem;
|
||||
width: 1.8rem; }
|
||||
.alert p {
|
||||
position: absolute;
|
||||
left: 3rem;
|
||||
top: 0;
|
||||
margin: 0;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.submit-alert {
|
||||
background: white;
|
||||
border: 2px solid #B7DB70;
|
||||
box-sizing: border-box;
|
||||
border-radius: 8px; }
|
||||
.submit-alert .btn {
|
||||
margin-top: 0.5rem;
|
||||
background: #88B52F;
|
||||
border-radius: 4px; }
|
||||
|
||||
body {
|
||||
background: #F5F5F5; }
|
||||
|
||||
header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 4rem;
|
||||
background: #006CB7;
|
||||
z-index: 1000000;
|
||||
box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2); }
|
||||
|
||||
header .logo {
|
||||
display: inline-block;
|
||||
padding: 0.5rem 1.5rem; }
|
||||
header .logo img {
|
||||
height: 3rem; }
|
||||
header .menu-items {
|
||||
float: right;
|
||||
padding: 1.5rem 1.5rem;
|
||||
display: inline-block; }
|
||||
header .menu-items a {
|
||||
margin-left: 2rem;
|
||||
display: inline-block;
|
||||
color: white;
|
||||
text-decoration: none; }
|
||||
|
||||
.tab-nav {
|
||||
margin-top: 2rem;
|
||||
border-bottom: 1px solid #848C90; }
|
||||
.tab-nav a {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
display: inline-block;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.125rem;
|
||||
padding: 0.25rem 2rem;
|
||||
text-decoration: none;
|
||||
color: #848C90;
|
||||
transition: color 0.3s ease-out; }
|
||||
.tab-nav a.active, .tab-nav a:hover {
|
||||
color: #006CB7;
|
||||
border-bottom: 4px solid #006CB7; }
|
||||
|
||||
h1.title {
|
||||
font-weight: 300;
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.75rem;
|
||||
margin: 0;
|
||||
color: #006CB7; }
|
||||
|
||||
p.subtitle {
|
||||
font-size: 14px;
|
||||
line-height: 150%;
|
||||
margin-top: 0.5rem; }
|
||||
|
||||
/*# sourceMappingURL=header.css.map */
|
||||
7
static/css/header.css.map
Normal file
7
static/css/header.css.map
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": ["slovenscina-theme.scss","slovenscina-elements.scss","header.scss"],
|
||||
"names": [],
|
||||
"file": "header.css"
|
||||
}
|
||||
70
static/css/header.scss
Normal file
70
static/css/header.scss
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
@import "slovenscina-elements.scss";
|
||||
|
||||
body {
|
||||
background: $white;
|
||||
}
|
||||
|
||||
header {
|
||||
position:fixed;
|
||||
top:0;
|
||||
width:100%;
|
||||
height:4rem;
|
||||
background:$blue;
|
||||
z-index: 1000000;
|
||||
box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
header {
|
||||
.logo {
|
||||
display: inline-block;
|
||||
padding:0.5rem 1.5rem;
|
||||
img {
|
||||
height:3rem;
|
||||
}
|
||||
}
|
||||
.menu-items {
|
||||
float:right;
|
||||
padding: 1.5rem 1.5rem;
|
||||
display: inline-block;
|
||||
a {
|
||||
margin-left:2rem;
|
||||
display: inline-block;
|
||||
color:white;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-nav {
|
||||
margin-top:2rem;
|
||||
border-bottom:1px solid $grey-dark;
|
||||
a {
|
||||
position:relative;
|
||||
top:1px;
|
||||
display: inline-block;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.125rem;
|
||||
padding: 0.25rem 2rem;
|
||||
text-decoration: none;
|
||||
color: $grey-dark;
|
||||
transition: color 0.3s ease-out;
|
||||
&.active,&:hover {
|
||||
color:$blue;
|
||||
border-bottom: 4px solid $blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h1.title {
|
||||
font-weight: 300;
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.75rem;
|
||||
margin:0;
|
||||
color: $blue;
|
||||
}
|
||||
p.subtitle {
|
||||
font-size: 14px;
|
||||
line-height: 150%;
|
||||
margin-top:0.5rem;
|
||||
}
|
||||
168
static/css/history.css
Normal file
168
static/css/history.css
Normal file
|
|
@ -0,0 +1,168 @@
|
|||
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);
|
||||
html {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 16px;
|
||||
color: #46535B; }
|
||||
|
||||
body {
|
||||
font-size: 16px;
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
|
||||
h1 {
|
||||
font-size: 30px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: 35px;
|
||||
color: #006CB7; }
|
||||
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: 21px;
|
||||
text-transform: uppercase;
|
||||
color: #006CB7; }
|
||||
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: 21px; }
|
||||
|
||||
em {
|
||||
font-weight: 300; }
|
||||
|
||||
.btn {
|
||||
border: none;
|
||||
line-height: 2.5rem;
|
||||
padding: 0 2.5rem;
|
||||
color: white;
|
||||
background: #006CB7;
|
||||
border-radius: 20px;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
transition: opacity 0.3s ease-out; }
|
||||
.btn:hover {
|
||||
opacity: 0.8; }
|
||||
|
||||
.input-wrapper {
|
||||
position: relative;
|
||||
height: 66px; }
|
||||
.input-wrapper .input-icon {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
width: 1.5rem; }
|
||||
.input-wrapper .input-floating-label {
|
||||
position: absolute;
|
||||
left: 46px;
|
||||
right: 0;
|
||||
display: block; }
|
||||
.input-wrapper .input-floating-label input {
|
||||
padding: 4px 0;
|
||||
background: none;
|
||||
border: none;
|
||||
display: block;
|
||||
width: 100%;
|
||||
border-bottom: 2px solid #C4C4C4; }
|
||||
.input-wrapper .input-floating-label .floating-label {
|
||||
position: absolute;
|
||||
top: -14px;
|
||||
font-size: 10px;
|
||||
color: #46535B; }
|
||||
|
||||
.panel {
|
||||
background: #F5F5F5;
|
||||
padding: 40px 60px;
|
||||
border-radius: 20px; }
|
||||
.panel .panel-logo {
|
||||
position: absolute;
|
||||
top: -60px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: block;
|
||||
margin: auto;
|
||||
background: #F5F5F5;
|
||||
padding: 20px 30px;
|
||||
width: 100px;
|
||||
border-radius: 100%;
|
||||
text-align: center; }
|
||||
|
||||
.line {
|
||||
background: #C4C4C4;
|
||||
height: 2px;
|
||||
width: 200px;
|
||||
margin: auto; }
|
||||
|
||||
.a-right {
|
||||
display: block;
|
||||
text-align: right;
|
||||
font-size: 10px;
|
||||
text-decoration: none;
|
||||
color: #006CB7;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.alert {
|
||||
position: relative;
|
||||
color: #8D3D3D; }
|
||||
.alert img {
|
||||
position: relative;
|
||||
top: 0.25rem;
|
||||
width: 1.8rem; }
|
||||
.alert p {
|
||||
position: absolute;
|
||||
left: 3rem;
|
||||
top: 0;
|
||||
margin: 0;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.submit-alert {
|
||||
background: white;
|
||||
border: 2px solid #B7DB70;
|
||||
box-sizing: border-box;
|
||||
border-radius: 8px; }
|
||||
.submit-alert .btn {
|
||||
margin-top: 0.5rem;
|
||||
background: #88B52F;
|
||||
border-radius: 4px; }
|
||||
|
||||
.history-item {
|
||||
background: white;
|
||||
height: 2.875rem;
|
||||
padding: 1rem 1.5rem;
|
||||
position: relative; }
|
||||
.history-item .history-item-date {
|
||||
text-transform: uppercase;
|
||||
display: inline-block;
|
||||
color: #848C90;
|
||||
line-height: 1rem;
|
||||
font-weight: 400;
|
||||
font-size: 0.875rem; }
|
||||
.history-item .history-item-uploader {
|
||||
display: inline-block;
|
||||
padding-left: 1rem;
|
||||
margin-left: 1rem;
|
||||
border-left: 1px solid #848C90;
|
||||
color: #848C90;
|
||||
line-height: 1rem;
|
||||
font-weight: 400;
|
||||
font-size: 0.875rem; }
|
||||
.history-item .history-item-filecount {
|
||||
float: right;
|
||||
color: #006CB7;
|
||||
line-height: 1rem;
|
||||
font-weight: 400;
|
||||
font-size: 0.875rem; }
|
||||
.history-item .history-item-desc {
|
||||
position: absolute;
|
||||
bottom: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 1rem;
|
||||
line-height: 1.25rem;
|
||||
color: #46535B; }
|
||||
|
||||
/*# sourceMappingURL=history.css.map */
|
||||
7
static/css/history.css.map
Normal file
7
static/css/history.css.map
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": ["slovenscina-theme.scss","slovenscina-elements.scss","history.scss"],
|
||||
"names": [],
|
||||
"file": "history.css"
|
||||
}
|
||||
42
static/css/history.scss
Normal file
42
static/css/history.scss
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
@import "slovenscina-elements.scss";
|
||||
|
||||
.history-item {
|
||||
background:white;
|
||||
height:2.875rem;
|
||||
padding:1rem 1.5rem;
|
||||
position:relative;
|
||||
.history-item-date {
|
||||
text-transform: uppercase;
|
||||
display: inline-block;
|
||||
color:$grey-dark;
|
||||
line-height: 1rem;
|
||||
font-weight: 400;
|
||||
font-size:0.875rem;
|
||||
}
|
||||
.history-item-uploader {
|
||||
display: inline-block;
|
||||
padding-left:1rem;
|
||||
margin-left:1rem;
|
||||
border-left: 1px solid $grey-dark;
|
||||
color:$grey-dark;
|
||||
line-height: 1rem;
|
||||
font-weight: 400;
|
||||
font-size:0.875rem;
|
||||
}
|
||||
.history-item-filecount {
|
||||
float:right;
|
||||
color:$blue;
|
||||
line-height: 1rem;
|
||||
font-weight: 400;
|
||||
font-size:0.875rem;
|
||||
}
|
||||
.history-item-desc {
|
||||
position:absolute;
|
||||
bottom:1rem;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 1rem;
|
||||
line-height: 1.25rem;
|
||||
color:$black;
|
||||
}
|
||||
}
|
||||
120
static/css/simple-grid.css
Normal file
120
static/css/simple-grid.css
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
.hidden-sm {
|
||||
display: none; }
|
||||
|
||||
.container {
|
||||
width: 90%;
|
||||
margin-left: auto;
|
||||
margin-right: auto; }
|
||||
@media only screen and (min-width: 33.75em) {
|
||||
.container {
|
||||
width: 80%; } }
|
||||
@media only screen and (min-width: 60em) {
|
||||
.container {
|
||||
width: 90%;
|
||||
max-width: 80rem; } }
|
||||
|
||||
.row {
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
|
||||
.row [class^="col"] {
|
||||
float: left;
|
||||
margin: 0.5rem 2%;
|
||||
min-height: 0.125rem; }
|
||||
|
||||
.row::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
|
||||
.col-1,
|
||||
.col-2,
|
||||
.col-3,
|
||||
.col-4,
|
||||
.col-5,
|
||||
.col-6,
|
||||
.col-7,
|
||||
.col-8,
|
||||
.col-9,
|
||||
.col-10,
|
||||
.col-11,
|
||||
.col-12 {
|
||||
width: 96%; }
|
||||
|
||||
.col-1-sm {
|
||||
width: 4.3333333333%; }
|
||||
|
||||
.col-2-sm {
|
||||
width: 12.6666666667%; }
|
||||
|
||||
.col-3-sm {
|
||||
width: 21%; }
|
||||
|
||||
.col-4-sm {
|
||||
width: 29.3333333333%; }
|
||||
|
||||
.col-5-sm {
|
||||
width: 37.6666666667%; }
|
||||
|
||||
.col-6-sm {
|
||||
width: 46%; }
|
||||
|
||||
.col-7-sm {
|
||||
width: 54.3333333333%; }
|
||||
|
||||
.col-8-sm {
|
||||
width: 62.6666666667%; }
|
||||
|
||||
.col-9-sm {
|
||||
width: 71%; }
|
||||
|
||||
.col-10-sm {
|
||||
width: 79.3333333333%; }
|
||||
|
||||
.col-11-sm {
|
||||
width: 87.6666666667%; }
|
||||
|
||||
.col-12-sm {
|
||||
width: 96%; }
|
||||
|
||||
@media only screen and (min-width: 45em) {
|
||||
.col-1 {
|
||||
width: 4.3333333333%; }
|
||||
|
||||
.col-2 {
|
||||
width: 12.6666666667%; }
|
||||
|
||||
.col-3 {
|
||||
width: 21%; }
|
||||
|
||||
.col-4 {
|
||||
width: 29.3333333333%; }
|
||||
|
||||
.col-5 {
|
||||
width: 37.6666666667%; }
|
||||
|
||||
.col-6 {
|
||||
width: 46%; }
|
||||
|
||||
.col-7 {
|
||||
width: 54.3333333333%; }
|
||||
|
||||
.col-8 {
|
||||
width: 62.6666666667%; }
|
||||
|
||||
.col-9 {
|
||||
width: 71%; }
|
||||
|
||||
.col-10 {
|
||||
width: 79.3333333333%; }
|
||||
|
||||
.col-11 {
|
||||
width: 87.6666666667%; }
|
||||
|
||||
.col-12 {
|
||||
width: 96%; }
|
||||
|
||||
.hidden-sm {
|
||||
display: block; } }
|
||||
|
||||
/*# sourceMappingURL=simple-grid.css.map */
|
||||
7
static/css/simple-grid.css.map
Normal file
7
static/css/simple-grid.css.map
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AACA,UAAW;EACT,OAAO,EAAE,IAAI;;AAWf,UAAW;EACT,KAAK,EAAE,GAAG;EACV,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,IAAI;EAElB,2CAAsD;IALxD,UAAW;MAMP,KAAK,EAAE,GAAG;EAGZ,wCAAsD;IATxD,UAAW;MAUP,KAAK,EAAE,GAAG;MACV,SAAS,EAAE,KAAK;;AAIpB,IAAK;EACH,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;;AAGb,mBAAoB;EAClB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,SAAS;EACjB,UAAU,EAAE,QAAQ;;AAGtB,WAAY;EACV,OAAO,EAAE,EAAE;EACX,OAAO,EAAE,KAAK;EACd,KAAK,EAAE,IAAI;;AAGb;;;;;;;;;;;OAWQ;EACN,KAAK,EAlDC,GAAG;;AAqDX,SAAU;EAAE,KAAK,EAAC,aAAmC;;AACrD,SAAU;EAAE,KAAK,EAAE,cAAkC;;AACrD,SAAU;EAAE,KAAK,EAAE,GAAiC;;AACpD,SAAU;EAAE,KAAK,EAAE,cAAiC;;AACpD,SAAU;EAAE,KAAK,EAAE,cAAwC;;AAC3D,SAAU;EAAE,KAAK,EAAE,GAAiC;;AACpD,SAAU;EAAE,KAAK,EAAE,cAAwC;;AAC3D,SAAU;EAAE,KAAK,EAAE,cAAwC;;AAC3D,SAAU;EAAE,KAAK,EAAE,GAAwC;;AAC3D,UAAW;EAAE,KAAK,EAAE,cAAyC;;AAC7D,UAAW;EAAE,KAAK,EAAE,cAAyC;;AAC7D,UAAW;EAAE,KAAK,EAhEV,GAAG;;AAkEX,wCAAoD;EAClD,MAAO;IAAE,KAAK,EAAC,aAAmC;;EAClD,MAAO;IAAE,KAAK,EAAE,cAAkC;;EAClD,MAAO;IAAE,KAAK,EAAE,GAAiC;;EACjD,MAAO;IAAE,KAAK,EAAE,cAAiC;;EACjD,MAAO;IAAE,KAAK,EAAE,cAAwC;;EACxD,MAAO;IAAE,KAAK,EAAE,GAAiC;;EACjD,MAAO;IAAE,KAAK,EAAE,cAAwC;;EACxD,MAAO;IAAE,KAAK,EAAE,cAAwC;;EACxD,MAAO;IAAE,KAAK,EAAE,GAAwC;;EACxD,OAAQ;IAAE,KAAK,EAAE,cAAyC;;EAC1D,OAAQ;IAAE,KAAK,EAAE,cAAyC;;EAC1D,OAAQ;IAAE,KAAK,EA9ET,GAAG;;EAgFT,UAAW;IACT,OAAO,EAAE,KAAK",
|
||||
"sources": ["simple-grid.scss"],
|
||||
"names": [],
|
||||
"file": "simple-grid.css"
|
||||
}
|
||||
91
static/css/simple-grid.scss
Normal file
91
static/css/simple-grid.scss
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
|
||||
.hidden-sm {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// grid
|
||||
|
||||
$width: 96%;
|
||||
$gutter: 4%;
|
||||
$breakpoint-small: 33.75em; // 540px
|
||||
$breakpoint-med: 45em; // 720px
|
||||
$breakpoint-large: 60em; // 960px
|
||||
|
||||
.container {
|
||||
width: 90%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
@media only screen and (min-width: $breakpoint-small) {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: $breakpoint-large) {
|
||||
width: 90%;
|
||||
max-width: 80rem;
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.row [class^="col"] {
|
||||
float: left;
|
||||
margin: 0.5rem 2%;
|
||||
min-height: 0.125rem;
|
||||
}
|
||||
|
||||
.row::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.col-1,
|
||||
.col-2,
|
||||
.col-3,
|
||||
.col-4,
|
||||
.col-5,
|
||||
.col-6,
|
||||
.col-7,
|
||||
.col-8,
|
||||
.col-9,
|
||||
.col-10,
|
||||
.col-11,
|
||||
.col-12 {
|
||||
width: $width;
|
||||
}
|
||||
|
||||
.col-1-sm { width:($width / 12) - ($gutter * 11 / 12); }
|
||||
.col-2-sm { width: ($width / 6) - ($gutter * 10 / 12); }
|
||||
.col-3-sm { width: ($width / 4) - ($gutter * 9 / 12); }
|
||||
.col-4-sm { width: ($width / 3) - ($gutter * 8 / 12); }
|
||||
.col-5-sm { width: ($width / (12 / 5)) - ($gutter * 7 / 12); }
|
||||
.col-6-sm { width: ($width / 2) - ($gutter * 6 / 12); }
|
||||
.col-7-sm { width: ($width / (12 / 7)) - ($gutter * 5 / 12); }
|
||||
.col-8-sm { width: ($width / (12 / 8)) - ($gutter * 4 / 12); }
|
||||
.col-9-sm { width: ($width / (12 / 9)) - ($gutter * 3 / 12); }
|
||||
.col-10-sm { width: ($width / (12 / 10)) - ($gutter * 2 / 12); }
|
||||
.col-11-sm { width: ($width / (12 / 11)) - ($gutter * 1 / 12); }
|
||||
.col-12-sm { width: $width; }
|
||||
|
||||
@media only screen and (min-width: $breakpoint-med) {
|
||||
.col-1 { width:($width / 12) - ($gutter * 11 / 12); }
|
||||
.col-2 { width: ($width / 6) - ($gutter * 10 / 12); }
|
||||
.col-3 { width: ($width / 4) - ($gutter * 9 / 12); }
|
||||
.col-4 { width: ($width / 3) - ($gutter * 8 / 12); }
|
||||
.col-5 { width: ($width / (12 / 5)) - ($gutter * 7 / 12); }
|
||||
.col-6 { width: ($width / 2) - ($gutter * 6 / 12); }
|
||||
.col-7 { width: ($width / (12 / 7)) - ($gutter * 5 / 12); }
|
||||
.col-8 { width: ($width / (12 / 8)) - ($gutter * 4 / 12); }
|
||||
.col-9 { width: ($width / (12 / 9)) - ($gutter * 3 / 12); }
|
||||
.col-10 { width: ($width / (12 / 10)) - ($gutter * 2 / 12); }
|
||||
.col-11 { width: ($width / (12 / 11)) - ($gutter * 1 / 12); }
|
||||
.col-12 { width: $width; }
|
||||
|
||||
.hidden-sm {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
8
static/css/slovenscina-elements.css
Normal file
8
static/css/slovenscina-elements.css
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
html {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
color: #46535B; }
|
||||
|
||||
.panel {
|
||||
background: #F5F5F5; }
|
||||
|
||||
/*# sourceMappingURL=slovenscina-elments.css.map */
|
||||
7
static/css/slovenscina-elements.css.map
Normal file
7
static/css/slovenscina-elements.css.map
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAMA,IAAK;EACH,WAAW,EAAE,oBAAoB;EACjC,KAAK,EANC,OAAO;;ACAf,MAAO;EACL,UAAU,EDCJ,OAAO",
|
||||
"sources": ["slovenscina-theme.scss","slovenscina-elments.scss"],
|
||||
"names": [],
|
||||
"file": "slovenscina-elments.css"
|
||||
}
|
||||
144
static/css/slovenscina-elements.scss
Normal file
144
static/css/slovenscina-elements.scss
Normal file
|
|
@ -0,0 +1,144 @@
|
|||
@import "slovenscina-theme.scss";
|
||||
|
||||
h1 {
|
||||
font-size: 30px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: 35px;
|
||||
color:$blue;
|
||||
}
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: 21px;
|
||||
text-transform: uppercase;
|
||||
color:$blue;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: 21px;
|
||||
}
|
||||
|
||||
em {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.btn {
|
||||
border:none;
|
||||
line-height: 2.5rem;
|
||||
padding: 0 2.5rem;
|
||||
color:white;
|
||||
background: $blue;
|
||||
border-radius: 20px;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
transition: opacity 0.3s ease-out;
|
||||
&:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
.input-wrapper {
|
||||
position:relative;
|
||||
height:66px;
|
||||
.input-icon {
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
display:block;
|
||||
width:1.5rem;
|
||||
}
|
||||
.input-floating-label {
|
||||
position:absolute;
|
||||
left: 46px;
|
||||
right:0;
|
||||
display:block;
|
||||
input {
|
||||
padding:4px 0;
|
||||
background: none;
|
||||
border:none;
|
||||
display:block;
|
||||
width:100%;
|
||||
border-bottom: 2px solid $grey;
|
||||
}
|
||||
|
||||
.floating-label {
|
||||
position: absolute;
|
||||
top: -14px;
|
||||
font-size: 10px;
|
||||
color: $black;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.panel {
|
||||
background: $white;
|
||||
padding: 40px 60px;
|
||||
border-radius: 20px;
|
||||
.panel-logo {
|
||||
position:absolute;
|
||||
top: -60px;
|
||||
left:0;
|
||||
right:0;
|
||||
display:block;
|
||||
margin:auto;
|
||||
background: $white;
|
||||
padding:20px 30px;
|
||||
width: 100px;
|
||||
border-radius: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.line {
|
||||
background: $grey;
|
||||
height:2px;
|
||||
width:200px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.a-right {
|
||||
display:block;
|
||||
text-align: right;
|
||||
font-size:10px;
|
||||
text-decoration: none;
|
||||
color:$blue;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.alert {
|
||||
position:relative;
|
||||
color:$red;
|
||||
img {
|
||||
position:relative;
|
||||
top:0.25rem;
|
||||
width:1.8rem;
|
||||
}
|
||||
p {
|
||||
position: absolute;
|
||||
left:3rem;
|
||||
top: 0;
|
||||
margin:0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
.submit-alert {
|
||||
background:white;
|
||||
border: 2px solid $green-light;
|
||||
box-sizing: border-box;
|
||||
border-radius: 8px;
|
||||
.btn {
|
||||
margin-top:0.5rem;
|
||||
background: $green;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
5
static/css/slovenscina-theme.css
Normal file
5
static/css/slovenscina-theme.css
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
html {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
color: #46535B; }
|
||||
|
||||
/*# sourceMappingURL=slovenscina-theme.css.map */
|
||||
7
static/css/slovenscina-theme.css.map
Normal file
7
static/css/slovenscina-theme.css.map
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAMA,IAAK;EACH,WAAW,EAAE,oBAAoB;EACjC,KAAK,EANC,OAAO",
|
||||
"sources": ["slovenscina-theme.scss"],
|
||||
"names": [],
|
||||
"file": "slovenscina-theme.css"
|
||||
}
|
||||
24
static/css/slovenscina-theme.scss
Normal file
24
static/css/slovenscina-theme.scss
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);
|
||||
|
||||
$blue: #006CB7;
|
||||
$red: #8D3D3D;
|
||||
$black: #46535B;
|
||||
$grey: #C4C4C4;
|
||||
$grey-dark: #848C90;
|
||||
$grey-border: #B6BEC3;
|
||||
$white: #F5F5F5;
|
||||
$green-light: #B7DB70;
|
||||
$green: #88B52F;
|
||||
|
||||
|
||||
html {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size:16px;
|
||||
color: $black;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size:16px;
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
169
static/css/styles.css
Normal file
169
static/css/styles.css
Normal file
|
|
@ -0,0 +1,169 @@
|
|||
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);
|
||||
html {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 16px;
|
||||
color: #46535B; }
|
||||
|
||||
body {
|
||||
font-size: 16px;
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
|
||||
h1 {
|
||||
font-size: 30px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: 35px;
|
||||
color: #006CB7; }
|
||||
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: 21px;
|
||||
text-transform: uppercase;
|
||||
color: #006CB7; }
|
||||
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: 21px; }
|
||||
|
||||
em {
|
||||
font-weight: 300; }
|
||||
|
||||
.btn {
|
||||
border: none;
|
||||
line-height: 2.5rem;
|
||||
padding: 0 2.5rem;
|
||||
color: white;
|
||||
background: #006CB7;
|
||||
border-radius: 20px;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
transition: opacity 0.3s ease-out; }
|
||||
.btn:hover {
|
||||
opacity: 0.8; }
|
||||
|
||||
.input-wrapper {
|
||||
position: relative;
|
||||
height: 66px; }
|
||||
.input-wrapper .input-icon {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
width: 1.5rem; }
|
||||
.input-wrapper .input-floating-label {
|
||||
position: absolute;
|
||||
left: 46px;
|
||||
right: 0;
|
||||
display: block; }
|
||||
.input-wrapper .input-floating-label input {
|
||||
padding: 4px 0;
|
||||
background: none;
|
||||
border: none;
|
||||
display: block;
|
||||
width: 100%;
|
||||
border-bottom: 2px solid #C4C4C4; }
|
||||
.input-wrapper .input-floating-label .floating-label {
|
||||
position: absolute;
|
||||
top: -14px;
|
||||
font-size: 10px;
|
||||
color: #46535B; }
|
||||
|
||||
.panel {
|
||||
background: #F5F5F5;
|
||||
padding: 40px 60px;
|
||||
border-radius: 20px; }
|
||||
.panel .panel-logo {
|
||||
position: absolute;
|
||||
top: -60px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: block;
|
||||
margin: auto;
|
||||
background: #F5F5F5;
|
||||
padding: 20px 30px;
|
||||
width: 100px;
|
||||
border-radius: 100%;
|
||||
text-align: center; }
|
||||
|
||||
.line {
|
||||
background: #C4C4C4;
|
||||
height: 2px;
|
||||
width: 200px;
|
||||
margin: auto; }
|
||||
|
||||
.a-right {
|
||||
display: block;
|
||||
text-align: right;
|
||||
font-size: 10px;
|
||||
text-decoration: none;
|
||||
color: #006CB7;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.alert {
|
||||
position: relative;
|
||||
color: #8D3D3D; }
|
||||
.alert img {
|
||||
position: relative;
|
||||
top: 0.25rem;
|
||||
width: 1.8rem; }
|
||||
.alert p {
|
||||
position: absolute;
|
||||
left: 3rem;
|
||||
top: 0;
|
||||
margin: 0;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.submit-alert {
|
||||
background: white;
|
||||
border: 2px solid #B7DB70;
|
||||
box-sizing: border-box;
|
||||
border-radius: 8px; }
|
||||
.submit-alert .btn {
|
||||
margin-top: 0.5rem;
|
||||
background: #88B52F;
|
||||
border-radius: 4px; }
|
||||
|
||||
.background {
|
||||
background: url(../image/bg.jpeg) no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
overflow-y: scroll;
|
||||
height: 200vh;
|
||||
width: 100%; }
|
||||
|
||||
.login-panel {
|
||||
position: absolute;
|
||||
width: 50%;
|
||||
left: 25%;
|
||||
top: 100px; }
|
||||
|
||||
.register-button {
|
||||
position: relative;
|
||||
margin-top: 2rem;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: #848C90; }
|
||||
.register-button img {
|
||||
width: 2rem; }
|
||||
.register-button h3 {
|
||||
position: absolute;
|
||||
left: 3rem;
|
||||
top: 0;
|
||||
margin: 0; }
|
||||
.register-button p {
|
||||
position: absolute;
|
||||
left: 3rem;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 300; }
|
||||
|
||||
/*# sourceMappingURL=styles.css.map */
|
||||
7
static/css/styles.css.map
Normal file
7
static/css/styles.css.map
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": ["slovenscina-theme.scss","slovenscina-elements.scss","styles.scss"],
|
||||
"names": [],
|
||||
"file": "styles.css"
|
||||
}
|
||||
44
static/css/styles.scss
Normal file
44
static/css/styles.scss
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
@import "slovenscina-elements.scss";
|
||||
|
||||
.background {
|
||||
background: url(../image/bg.jpeg) no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
overflow-y: scroll;
|
||||
height:200vh;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.login-panel {
|
||||
position:absolute;
|
||||
width:50%;
|
||||
left:25%;
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
.register-button {
|
||||
position:relative;
|
||||
margin-top:2rem;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color:$grey-dark;
|
||||
img {
|
||||
width:2rem;
|
||||
}
|
||||
h3 {
|
||||
position:absolute;
|
||||
left:3rem;
|
||||
top:0;
|
||||
margin:0;
|
||||
}
|
||||
p {
|
||||
position:absolute;
|
||||
left:3rem;
|
||||
bottom:0;
|
||||
margin:0;
|
||||
font-size:0.875rem;
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
17
static/css/utils.css
Normal file
17
static/css/utils.css
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
.text-center {
|
||||
text-align: center; }
|
||||
|
||||
.m-b-1 {
|
||||
margin-bottom: 1rem; }
|
||||
|
||||
.m-b-2 {
|
||||
margin-bottom: 2rem; }
|
||||
|
||||
.m-b-3 {
|
||||
margin-bottom: 3rem; }
|
||||
|
||||
.set-open-transition {
|
||||
transition: max-height 0.3s ease-out;
|
||||
overflow: hidden; }
|
||||
|
||||
/*# sourceMappingURL=utils.css.map */
|
||||
7
static/css/utils.css.map
Normal file
7
static/css/utils.css.map
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAAA,YAAa;EACX,UAAU,EAAE,MAAM;;AAGpB,MAAO;EACL,aAAa,EAAC,IAAI;;AAEpB,MAAO;EACL,aAAa,EAAC,IAAI;;AAEpB,MAAO;EACL,aAAa,EAAC,IAAI;;AAGpB,oBAAqB;EACnB,UAAU,EAAE,wBAAwB;EACpC,QAAQ,EAAE,MAAM",
|
||||
"sources": ["utils.scss"],
|
||||
"names": [],
|
||||
"file": "utils.css"
|
||||
}
|
||||
18
static/css/utils.scss
Normal file
18
static/css/utils.scss
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.m-b-1 {
|
||||
margin-bottom:1rem;
|
||||
}
|
||||
.m-b-2 {
|
||||
margin-bottom:2rem;
|
||||
}
|
||||
.m-b-3 {
|
||||
margin-bottom:3rem;
|
||||
}
|
||||
|
||||
.set-open-transition {
|
||||
transition: max-height 0.3s ease-out;
|
||||
overflow: hidden;
|
||||
}
|
||||
5
static/image/alert.svg
Normal file
5
static/image/alert.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M15 29.6668C6.86671 29.6668 0.333374 23.1335 0.333374 15.0002C0.333374 6.86683 6.86671 0.333496 15 0.333496C23.1334 0.333496 29.6667 6.86683 29.6667 15.0002C29.6667 23.1335 23.1334 29.6668 15 29.6668ZM15 3.00016C8.33337 3.00016 3.00004 8.3335 3.00004 15.0002C3.00004 21.6668 8.33337 27.0002 15 27.0002C21.6667 27.0002 27 21.6668 27 15.0002C27 8.3335 21.6667 3.00016 15 3.00016Z" fill="#8D3D3D"/>
|
||||
<path d="M15 16.3335C14.2 16.3335 13.6667 15.8002 13.6667 15.0002V9.66683C13.6667 8.86683 14.2 8.3335 15 8.3335C15.8 8.3335 16.3334 8.86683 16.3334 9.66683V15.0002C16.3334 15.8002 15.8 16.3335 15 16.3335Z" fill="#8D3D3D"/>
|
||||
<path d="M15 21.6668C14.6 21.6668 14.3334 21.5335 14.0667 21.2668C13.8 21.0002 13.6667 20.7335 13.6667 20.3335C13.6667 20.2002 13.6667 19.9335 13.8 19.8002C13.9334 19.6668 13.9334 19.5335 14.0667 19.4002C14.4667 19.0002 15 18.8668 15.5334 19.1335C15.6667 19.1335 15.6667 19.1335 15.8 19.2668C15.8 19.2668 15.9334 19.4002 16.0667 19.4002C16.2 19.5335 16.3334 19.6668 16.3334 19.8002C16.3334 19.9335 16.3334 20.2002 16.3334 20.3335C16.3334 20.4668 16.3334 20.7335 16.2 20.8668C16.0667 21.0002 16.0667 21.1335 15.9334 21.2668C15.6667 21.5335 15.4 21.6668 15 21.6668Z" fill="#8D3D3D"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
7
static/image/file.svg
Normal file
7
static/image/file.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<svg width="18" height="22" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.87868 0.87868C1.44129 0.31607 2.20435 0 3 0H11C11.2652 0 11.5196 0.105357 11.7071 0.292893L17.7071 6.29289C17.8946 6.48043 18 6.73478 18 7V19C18 19.7957 17.6839 20.5587 17.1213 21.1213C16.5587 21.6839 15.7957 22 15 22H3C2.20435 22 1.44129 21.6839 0.87868 21.1213C0.31607 20.5587 0 19.7957 0 19V3C0 2.20435 0.31607 1.44129 0.87868 0.87868ZM3 2C2.73478 2 2.48043 2.10536 2.29289 2.29289C2.10536 2.48043 2 2.73478 2 3V19C2 19.2652 2.10536 19.5196 2.29289 19.7071C2.48043 19.8946 2.73478 20 3 20H15C15.2652 20 15.5196 19.8946 15.7071 19.7071C15.8946 19.5196 16 19.2652 16 19V7.41421L10.5858 2H3Z" fill="#006CB7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 0C11.5523 0 12 0.447715 12 1V6H17C17.5523 6 18 6.44772 18 7C18 7.55228 17.5523 8 17 8H11C10.4477 8 10 7.55228 10 7V1C10 0.447715 10.4477 0 11 0Z" fill="#006CB7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 12C4 11.4477 4.44772 11 5 11H13C13.5523 11 14 11.4477 14 12C14 12.5523 13.5523 13 13 13H5C4.44772 13 4 12.5523 4 12Z" fill="#006CB7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 16C4 15.4477 4.44772 15 5 15H13C13.5523 15 14 15.4477 14 16C14 16.5523 13.5523 17 13 17H5C4.44772 17 4 16.5523 4 16Z" fill="#006CB7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 8C4 7.44772 4.44772 7 5 7H7C7.55228 7 8 7.44772 8 8C8 8.55228 7.55228 9 7 9H5C4.44772 9 4 8.55228 4 8Z" fill="#006CB7"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
3
static/image/logo-white.svg
Normal file
3
static/image/logo-white.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="84" height="68" viewBox="0 0 84 68" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M70.5773 14.0998V0L61.2523 9.90788C55.5732 8.0324 49.1389 6.96077 42.3177 6.92846C39.5976 7.41691 37.0641 8.30531 35.0728 9.52887C32.1261 11.3395 30.7423 13.5548 30.7423 16.4536C30.7423 17.8381 31.7831 19.8281 36.7724 22.1191C38.9769 23.1314 41.3947 23.9282 43.6859 24.6078C44.1748 24.7529 44.7212 24.9089 45.2881 25.0707C46.9002 25.531 48.6777 26.0384 49.7688 26.4749C50.3128 26.6925 50.9257 26.926 51.5891 27.1789L51.5892 27.1789L51.5899 27.1792C54.8363 28.4164 59.2939 30.1152 62.8313 32.6669C67.7809 36.2372 71.4433 41.674 71.4433 49.7938C71.4433 50.8957 71.3731 51.9819 71.2341 53.0479C79.107 48.1686 84 41.3361 84 33.7731C84 26.002 78.834 19.002 70.5773 14.0998ZM12.9897 53.1856V67.1134L21.806 57.3175C27.7981 59.4216 34.6804 60.6184 42 60.6184C43.4856 60.6184 44.9532 60.5691 46.399 60.473L46.3705 60.2349C50.5048 59.7388 53.2834 58.2414 54.9723 56.5219C56.6194 54.8448 57.5876 52.608 57.5876 49.7938C57.5876 46.6227 56.4871 45.1748 54.7254 43.9041C52.7993 42.5147 50.4943 41.6232 47.3688 40.4145L47.3687 40.4144L47.3687 40.4144L47.3684 40.4143L47.3669 40.4137C46.516 40.0847 45.6043 39.7321 44.6229 39.3395C44.2108 39.1747 43.5896 38.9982 42.5362 38.6989L42.5357 38.6988C41.8252 38.4969 40.918 38.2392 39.7458 37.8915C37.2471 37.1503 34.0901 36.134 30.9905 34.7108C25.3715 32.1306 16.8866 26.7598 16.8866 16.4536C16.8866 14.9059 17.0383 13.4376 17.3212 12.0486C6.82395 16.9288 0 24.8416 0 33.7731C0 41.4075 4.98579 48.2975 12.9897 53.1856Z" fill="#ffffff"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
4
static/image/password.svg
Normal file
4
static/image/password.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 12C4.44772 12 4 12.4477 4 13V20C4 20.5523 4.44772 21 5 21H19C19.5523 21 20 20.5523 20 20V13C20 12.4477 19.5523 12 19 12H5ZM2 13C2 11.3431 3.34315 10 5 10H19C20.6569 10 22 11.3431 22 13V20C22 21.6569 20.6569 23 19 23H5C3.34315 23 2 21.6569 2 20V13Z" fill="#006CB7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C10.9391 3 9.92172 3.42143 9.17157 4.17157C8.42143 4.92172 8 5.93913 8 7V11C8 11.5523 7.55228 12 7 12C6.44772 12 6 11.5523 6 11V7C6 5.4087 6.63214 3.88258 7.75736 2.75736C8.88258 1.63214 10.4087 1 12 1C13.5913 1 15.1174 1.63214 16.2426 2.75736C17.3679 3.88258 18 5.4087 18 7V11C18 11.5523 17.5523 12 17 12C16.4477 12 16 11.5523 16 11V7C16 5.93913 15.5786 4.92172 14.8284 4.17157C14.0783 3.42143 13.0609 3 12 3Z" fill="#006CB7"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 912 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
12
static/image/register.svg
Normal file
12
static/image/register.svg
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<svg width="46" height="47" viewBox="0 0 46 47" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M21.1498 10.4492C23.3595 10.4492 25.3602 11.3447 26.8086 12.7931C28.2571 14.2416 29.1525 16.2423 29.1525 18.452C29.1525 20.6616 28.2571 22.6623 26.8086 24.1108C26.209 24.7096 25.5153 25.2144 24.7509 25.6002C27.475 26.2666 29.9097 27.6725 31.83 29.5928C34.5638 32.3257 36.2542 36.102 36.2542 40.273C36.2542 40.7834 35.8402 41.1974 35.3298 41.1974C34.8194 41.1974 34.4054 40.7834 34.4054 40.273C34.4054 36.6124 32.9216 33.2983 30.523 30.8998C28.1245 28.5012 24.8104 27.0174 21.1498 27.0174C17.4893 27.0174 14.1751 28.5012 11.7766 30.8998C9.37801 33.2983 7.89417 36.6124 7.89417 40.273C7.89417 40.7834 7.48021 41.1974 6.96979 41.1974C6.45937 41.1974 6.04541 40.7834 6.04541 40.273C6.04541 36.102 7.73582 32.3257 10.4696 29.5928C12.3899 27.6725 14.8246 26.2666 17.5487 25.6002C16.7843 25.2144 16.0906 24.7096 15.491 24.1108C14.0425 22.6623 13.1471 20.6616 13.1471 18.452C13.1471 16.2423 14.0425 14.2416 15.491 12.7931C16.9394 11.3447 18.9401 10.4492 21.1498 10.4492ZM25.5016 14.1001C24.3884 12.9868 22.8491 12.298 21.1498 12.298C19.4506 12.298 17.9113 12.9868 16.798 14.1001C15.6847 15.2134 14.9958 16.7527 14.9958 18.452C14.9958 20.1512 15.6847 21.6897 16.798 22.8038C17.9113 23.9171 19.4506 24.6059 21.1498 24.6059C22.8491 24.6059 24.3884 23.9171 25.5016 22.8038C26.6149 21.6897 27.3038 20.1512 27.3038 18.452C27.3038 16.7527 26.6149 15.2134 25.5016 14.1001Z" fill="#848C91"/>
|
||||
<g clip-path="url(#clip0_3:140)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.441 9.67357C41.441 9.98072 41.192 10.2297 40.8849 10.2297H31.4467C31.1395 10.2297 30.8905 9.98072 30.8905 9.67357C30.8905 9.36642 31.1395 9.11742 31.4467 9.11742H40.8849C41.192 9.11742 41.441 9.36642 41.441 9.67357Z" fill="#848C91"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M36.1658 4.39833C36.4729 4.39833 36.7219 4.64733 36.7219 4.95448L36.7219 14.3927C36.7219 14.6998 36.4729 14.9488 36.1658 14.9488C35.8586 14.9488 35.6096 14.6998 35.6096 14.3927L35.6096 4.95448C35.6096 4.64733 35.8586 4.39833 36.1658 4.39833Z" fill="#848C91"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_3:140">
|
||||
<rect width="13.3476" height="13.3476" fill="white" transform="translate(36.1658 0.235352) rotate(45)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
4
static/image/showpass.svg
Normal file
4
static/image/showpass.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.14074 12C2.25003 12.1889 2.39492 12.4296 2.57441 12.7075C3.03543 13.4213 3.71817 14.3706 4.60454 15.3161C6.39552 17.2264 8.89951 19 12 19C15.1005 19 17.6045 17.2264 19.3955 15.3161C20.2818 14.3706 20.9646 13.4213 21.4256 12.7075C21.6051 12.4296 21.75 12.1889 21.8593 12C21.75 11.8111 21.6051 11.5704 21.4256 11.2925C20.9646 10.5787 20.2818 9.6294 19.3955 8.68394C17.6045 6.77356 15.1005 5 12 5C8.89951 5 6.39552 6.77356 4.60454 8.68394C3.71817 9.6294 3.03543 10.5787 2.57441 11.2925C2.39492 11.5704 2.25003 11.8111 2.14074 12ZM23 12C23.8944 11.5528 23.8943 11.5524 23.8941 11.5521L23.8925 11.5489L23.889 11.542L23.8777 11.5198C23.8681 11.5013 23.8546 11.4753 23.8372 11.4424C23.8025 11.3767 23.752 11.2832 23.686 11.166C23.5542 10.9316 23.3601 10.6015 23.1057 10.2075C22.5979 9.42131 21.8432 8.3706 20.8545 7.31606C18.8955 5.22644 15.8995 3 12 3C8.10049 3 5.10448 5.22644 3.14546 7.31606C2.15683 8.3706 1.40207 9.42131 0.894336 10.2075C0.63985 10.6015 0.445792 10.9316 0.313971 11.166C0.248023 11.2832 0.19754 11.3767 0.162753 11.4424C0.145357 11.4753 0.131875 11.5013 0.122338 11.5198L0.11099 11.542L0.107539 11.5489L0.10637 11.5512C0.106186 11.5516 0.105573 11.5528 1 12L0.105573 11.5528C-0.0351909 11.8343 -0.0351909 12.1657 0.105573 12.4472L1 12C0.105573 12.4472 0.105389 12.4468 0.105573 12.4472L0.107539 12.4511L0.11099 12.458L0.122338 12.4802C0.131875 12.4987 0.145357 12.5247 0.162753 12.5576C0.19754 12.6233 0.248023 12.7168 0.313971 12.834C0.445792 13.0684 0.63985 13.3985 0.894336 13.7925C1.40207 14.5787 2.15683 15.6294 3.14546 16.6839C5.10448 18.7736 8.10049 21 12 21C15.8995 21 18.8955 18.7736 20.8545 16.6839C21.8432 15.6294 22.5979 14.5787 23.1057 13.7925C23.3601 13.3985 23.5542 13.0684 23.686 12.834C23.752 12.7168 23.8025 12.6233 23.8372 12.5576C23.8546 12.5247 23.8681 12.4987 23.8777 12.4802L23.889 12.458L23.8925 12.4511L23.8936 12.4488C23.8938 12.4484 23.8944 12.4472 23 12ZM23 12L23.8944 12.4472C24.0352 12.1657 24.0348 11.8336 23.8941 11.5521L23 12Z" fill="#848C91"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10ZM8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12Z" fill="#848C91"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
4
static/image/user.svg
Normal file
4
static/image/user.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46447 15.4645C5.40215 14.5268 6.67392 14 8 14H16C17.3261 14 18.5979 14.5268 19.5355 15.4645C20.4732 16.4021 21 17.6739 21 19V21C21 21.5523 20.5523 22 20 22C19.4477 22 19 21.5523 19 21V19C19 18.2044 18.6839 17.4413 18.1213 16.8787C17.5587 16.3161 16.7956 16 16 16H8C7.20435 16 6.44129 16.3161 5.87868 16.8787C5.31607 17.4413 5 18.2044 5 19V21C5 21.5523 4.55228 22 4 22C3.44772 22 3 21.5523 3 21V19C3 17.6739 3.52678 16.4021 4.46447 15.4645Z" fill="#006CB7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C10.3431 4 9 5.34315 9 7C9 8.65685 10.3431 10 12 10C13.6569 10 15 8.65685 15 7C15 5.34315 13.6569 4 12 4ZM7 7C7 4.23858 9.23858 2 12 2C14.7614 2 17 4.23858 17 7C17 9.76142 14.7614 12 12 12C9.23858 12 7 9.76142 7 7Z" fill="#006CB7"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 908 B |
|
|
@ -16,9 +16,7 @@ label {
|
|||
|
||||
body,
|
||||
html {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
html {
|
||||
|
|
|
|||
|
|
@ -3,38 +3,39 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Portal ŠOLAR</title>
|
||||
<link rel="stylesheet" href="/static/style.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/styles.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/utils.css" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="main-window">
|
||||
<div id="rect1">
|
||||
<div style="padding: 50px;">
|
||||
<div id="logo-container">
|
||||
<img src="/static/image/logo.svg" alt="logo"/>
|
||||
</div>
|
||||
<a href="../login" class="contract-item-button" style="float: none;">Nazaj na prijavo</a>
|
||||
<h3 id="title" style="font-size: 27px; text-align: left;">Pozabljeno geslo - ŠOLAR</h3>
|
||||
<div>
|
||||
{% with messages = get_flashed_messages() %}
|
||||
{% if messages %}
|
||||
<div>
|
||||
{{ messages[0] }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
<form method="POST" action="../sendresetpass">
|
||||
<div>
|
||||
<div>
|
||||
<input type="email" name="email" placeholder="Email" autofocus="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="button-general" style="margin-top: 20px;">Pošlji</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="background">
|
||||
<div class="panel login-panel">
|
||||
<div class="panel-logo">
|
||||
<img src="/static/image/logo.svg" alt="logo"/>
|
||||
</div>
|
||||
<h1 class="m-b-3">Pozabljeno geslo - ŠOLAR</h1>
|
||||
<div>
|
||||
<form method="POST" action="../sendresetpass" class="m-b-2">
|
||||
<div class="input-wrapper">
|
||||
<img src="../static/image/user.svg" alt="user" class="input-icon"/>
|
||||
<div class="input-floating-label">
|
||||
<input type="text" name="email">
|
||||
<span class="floating-label">E-mail</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="btn" style="margin-left: 46px;">Pošlji</button>
|
||||
</form>
|
||||
{% with messages = get_flashed_messages() %}
|
||||
{% if messages %}
|
||||
<div class="alert">
|
||||
<img src="../static/image/alert.svg" alt="alert"/>
|
||||
<p>{{ messages[0] }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
</div>
|
||||
</div>
|
||||
<div id="rect2" class="mock-side">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -3,63 +3,57 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Portal ŠOLAR</title>
|
||||
<link rel="stylesheet" href="/static/style.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/styles.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/utils.css" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="main-window">
|
||||
<div id="rect1">
|
||||
<div style="padding: 25px;">
|
||||
<div id="logo-container">
|
||||
<img src="/static/image/logo.svg" alt="logo"/>
|
||||
</div>
|
||||
<h1 id="title">Portal za oddajanje besedil</h1>
|
||||
<h2 id="subtitle">Korpus Šolar</h2>
|
||||
|
||||
<div class="form-text"><em>Zbiranje besedil za korpus Šolar poteka po naslednjem postopku, ki prinaša tudi točke za napredovanje.</em></div>
|
||||
|
||||
<h3 id="title" style="font-size: 27px; text-align: left;">Prijava</h3>
|
||||
|
||||
<div>
|
||||
{% with messages = get_flashed_messages() %}
|
||||
{% if messages %}
|
||||
<div>
|
||||
{{ messages[0] }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
<form method="POST" action="../login">
|
||||
<div>
|
||||
<div>
|
||||
<img src="../static/image/user.png" alt="user" style="float: left; width: 10%;"/>
|
||||
<input type="email" name="email" placeholder="Email" autofocus=""
|
||||
style="float: right; width: 85%; margin-bottom: 20px; margin-top: 10px;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<img src="/static/image/password.png" alt="user" style="float: left; width: 10%; margin-top: 20px;"/>
|
||||
<input type="password" name="password" placeholder="Geslo"
|
||||
style="float: right; width: 85%; margin-bottom: 20px; margin-top: 10px;">
|
||||
</div>
|
||||
</div>
|
||||
<button class="button-general" style="margin-top: 30px; margin-bottom: 20px;">PRIJAVA</button>
|
||||
</form>
|
||||
<a href="../forgotpass" class="contract-item-button">Pozabljeno geslo</a>
|
||||
<a href="../register" class="contract-item-button"
|
||||
style="-webkit-appearance: button;
|
||||
-moz-appearance: button;
|
||||
appearance: button;
|
||||
margin-top: 80px;
|
||||
text-decoration: none;
|
||||
color: #46535b;
|
||||
width: 100%;"
|
||||
><img src="../static/image/register.png" alt="user" style="float: left; width: 15%; margin-right: 25px;"/>
|
||||
Registracija<br><div style="font-size: 11px; margin-top: 10px;">Še nimate uporabniškega računa? Registrirajte se!</div></a>
|
||||
</div>
|
||||
<div class="background">
|
||||
<div class="panel login-panel">
|
||||
<div class="panel-logo">
|
||||
<img src="/static/image/logo.svg" alt="logo"/>
|
||||
</div>
|
||||
</div>
|
||||
<div id="rect2" class="mock-side">
|
||||
<h2 class="text-center">Portal za oddajanje besedil</h2>
|
||||
<div class="line"></div>
|
||||
<h1 class="text-center">Korpus ŠOLAR</h1>
|
||||
|
||||
<div class="text-center m-b-3"><em>Zbiranje besedil za korpus Šolar poteka po naslednjem postopku, ki prinaša tudi točke za napredovanje.</em></div>
|
||||
|
||||
<h1 class="m-b-3">Prijava</h1>
|
||||
<div>
|
||||
<form method="POST" action="../login" class="m-b-2">
|
||||
<div class="input-wrapper">
|
||||
<img src="../static/image/user.svg" alt="user" class="input-icon"/>
|
||||
<div class="input-floating-label">
|
||||
<input type="text" name="email">
|
||||
<span class="floating-label">E-mail</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<img src="../static/image/password.svg" alt="user" class="input-icon"/>
|
||||
<div class="input-floating-label">
|
||||
<input type="password" name="password">
|
||||
<span class="floating-label">Geslo</span>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../forgotpass" class="a-right m-b-1">Pozabljeno geslo</a>
|
||||
|
||||
<button class="btn" style="margin-left: 46px;">PRIJAVA</button>
|
||||
</form>
|
||||
</div>
|
||||
{% with messages = get_flashed_messages() %}
|
||||
{% if messages %}
|
||||
<div class="alert">
|
||||
<img src="/static/image/alert.svg" alt="alert"/>
|
||||
<p>{{ messages[0] }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
<a href="../register" class="register-button">
|
||||
<img src="../static/image/register.svg" alt="register"/>
|
||||
<h3>Registracija</h3>
|
||||
<p>Še nimate uporabniškega računa? Registrirajte se!</p>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -3,31 +3,246 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Portal za oddajanje besedil</title>
|
||||
<!--{{ dropzone.load_css() }}-->
|
||||
<link rel="stylesheet" href="/static/dropzone.css" type="text/css">
|
||||
{{ dropzone.style('position: absolute;
|
||||
top: -0.5px;
|
||||
width: 388px;
|
||||
height: 732px;
|
||||
left: 385px;
|
||||
background: linear-gradient(198.62deg, rgba(255, 255, 255, 0.49) -1.62%, rgba(255, 255, 255, 0.73) -1.61%, rgba(255, 255, 255, 0.41) 79.34%);
|
||||
box-shadow: 20px 4px 40px rgba(0, 0, 0, 0.25);
|
||||
border: 0px;
|
||||
backdrop-filter: blur(20px);
|
||||
border-radius: 0px 20px 20px 0px;') }}
|
||||
<link rel="stylesheet" href="/static/style.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/header.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/form.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/simple-grid.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/utils.css" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
<a href="../logout">Odjavi se</a>
|
||||
{% if is_institution_coordinator %}
|
||||
<br><a href="../manage-institution">Upravljaj z institucijo</a>
|
||||
{% endif %}
|
||||
{% if is_admin %}
|
||||
<br><a href="../admin">Administracijski meni</a>
|
||||
{% endif %}
|
||||
<br><a href="mailto:email@example.com">Pomoč</a>
|
||||
<div class="bg"></div>
|
||||
<div id="main-window">
|
||||
<header>
|
||||
<div class="logo"><a href="/"><img src="/static/image/logo-white.svg"/></a></div>
|
||||
<div class="menu-items">
|
||||
<a href="../logout">Odjava</a>
|
||||
{% if is_institution_coordinator %}
|
||||
<a href="../manage-institution">Upravljaj z institucijo</a>
|
||||
{% endif %}
|
||||
{% if is_admin %}
|
||||
<a href="../admin">Administracijski meni</a>
|
||||
{% endif %}
|
||||
<a href="mailto:email@example.com">Pomoč</a>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<div class="container" style="margin-top:8rem;">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h1 class="title">Koprus SOLAR</h1>
|
||||
<p class="subtitle">Zbiranje besedil za korpus Šolar poteka po naslednjem postopku, ki prinaša tudi točke za napredovanje.</p>
|
||||
|
||||
|
||||
<div class="tab-nav">
|
||||
<a href="/oddaja" class="active">Oddaja</a>
|
||||
<a href="/zgodovina">Zgodovina</a>
|
||||
<a href="/pogodbe">Pogodbe</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
{% if not institution %}
|
||||
<div class="alert">
|
||||
<img src="/static/image/alert.svg" alt="alert"/>
|
||||
<p>Niste član nobene institucije!</p>
|
||||
</div>
|
||||
{% elif not institution_contract %}
|
||||
<div class="alert">
|
||||
<img src="/static/image/alert.svg" alt="alert"/>
|
||||
<p>Pogodba s šolo še ni naložena!</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="alert" id="error-message">
|
||||
<img src="/static/image/alert.svg" alt="alert"/>
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<form id="form-oddaja">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="form-wrapper">
|
||||
<label>Program</label>
|
||||
<select id="program" name="program">
|
||||
<option value="OS" selected="selected">Osnovnošolski (OŠ)</option>
|
||||
<option value="SSG">Splošna in strokovna gimnazija (SGG)</option>
|
||||
<option value="MGP">Mednarodni gimnazijski programi (MGP)</option>
|
||||
<option value="ZG">Zasebne gimnazije (ZG)</option>
|
||||
<option value="NPI">Nižje poklicno izobraževanje (NPI)</option>
|
||||
<option value="SPI">Srednje poklicno izobraževanje (SPI)</option>
|
||||
<option value="SSI">Srednje strokovno izobraževanje (SSI)</option>
|
||||
<option value="PTI">Poklicno-tehnično izobraževanje (PTI)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<p>lalala</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="form-wrapper">
|
||||
<label for="predmet">Predmet</label>
|
||||
<select id="predmet" name="predmet">
|
||||
<option value="slo" selected="selected">Slovenščina</option>
|
||||
<option value="drug-jez">Drugi jezikoslovni predmeti</option>
|
||||
<option value="drug-druz">Drugi družboslovni predmeti</option>
|
||||
<option value="drug-narav">Drugi naravoslovni predmeti</option>
|
||||
<option value="drug-strok">Drugi strokovni predmeti</option>
|
||||
<option value="drug-izb">Drugi izbirni ali dodatni predmeti</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<p>lalala</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row set-open-transition">
|
||||
<div class="col-6">
|
||||
<div class="form-wrapper" id="predmet-custom-box">
|
||||
<label for="predmet-custom">Ime predmeta:</label>
|
||||
<input type="text" id="predmet-custom" name="predmet-custom"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<p>lalala</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="form-wrapper">
|
||||
<label for="letnik">Letnik</label>
|
||||
<select id="letnik" name="letnik">
|
||||
<option value="1" selected="selected">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
<option value="7">7</option>
|
||||
<option value="8">8</option>
|
||||
<option value="9">9</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<p>lalala</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="form-wrapper" >
|
||||
<label for="vrsta">Vrsta besedila</label>
|
||||
<select id="vrsta" name="vrsta">
|
||||
<option value="esej-spis" selected="selected">Esej ali spis</option>
|
||||
<option value="prakticno">Praktično besedilo (npr. vabila, prošnje ipd. pri pouku slovenščine), napisano za oceno</option>
|
||||
<option value="solski-test">Šolski test</option>
|
||||
<option value="delo-v-razredu">Delo v razredu, ne za oceno</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<p>lalala</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row set-open-transition">
|
||||
<div class="col-6">
|
||||
<div class="form-wrapper" id="vrsta-custom-box">
|
||||
<label for="vrsta-custom">Vtipkajte besedilno vrsto:</label>
|
||||
<input type="text" id="vrsta-custom" name="vrsta-custom"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<p>lalala</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="form-wrapper">
|
||||
<label for="solsko-leto">Šolsko leto</label>
|
||||
<select id="solsko-leto" name="solsko-leto">
|
||||
<option value="20-21" selected="selected">2020/21</option>
|
||||
<option value="21-22">2021/22</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<p>lalala</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="form-wrapper">
|
||||
<label for="jezikovni-popravki">Jezikovni popravki</label>
|
||||
<select id="jezikovni-popravki" name="jezikovni-popravki">
|
||||
<option value="popr-ne" selected="selected">Besedilo vsebuje učiteljske popravke in strinjam se z njihovo vključitvijo v korpus</option>
|
||||
<option value="brez-popr">Besedilo ne vsebuje učiteljskih popravkov</option>
|
||||
<option value="popr-da">Besedilo vsebuje učiteljske popravke in ne strinjam se z njihovo vključitvijo v korpus</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<p>lalala</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="form-wrapper">
|
||||
<div id="dropzone-previews" class="dropzone-previews"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="form-wrapper">
|
||||
<label for="jezikovni-popravki">Datoteka</label>
|
||||
<div id="my-dropzone" class="dropzone"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<p>lalala</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="form-wrapper">
|
||||
<button id="button-submit" type="submit" class="btn">Oddaj</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row submit-alert" id="data-confirm-notification">
|
||||
<div class="col-6">
|
||||
<button id="button-submit-final" type="submit" class="btn">Potrdi in oddaj</button>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<p>Prosimo, preverite in potrdite vnešene podatke.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
<!--
|
||||
<div id="main-window" style="margin-top:100px;">
|
||||
<div id="rect1">
|
||||
<div id="logo-container">
|
||||
<img src="/static/image/logo.svg" alt="logo"/>
|
||||
|
|
@ -122,14 +337,8 @@
|
|||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
|
||||
<div id="popup-terms" style="display: none">
|
||||
<div id="popup-terms-text">
|
||||
</div>
|
||||
<button id="button-submit-cancel" class="button-terms" style="background: #ff2d2d;">Prekliči</button>
|
||||
<button id="button-submit-final" class="button-terms">Oddaj</button>
|
||||
</div>
|
||||
|
||||
<!--{{ dropzone.load_js() }}-->
|
||||
<script src="/static/dropzone.js"></script>
|
||||
|
|
@ -142,13 +351,11 @@
|
|||
var btnSubmit = document.getElementById("button-submit");
|
||||
var btnSubmitFinal = document.getElementById("button-submit-final");
|
||||
var btnSubmitCancel = document.getElementById("button-submit-cancel");
|
||||
var btnZgodovina = document.getElementById("button-zgodovina");
|
||||
var btnPogodbe = document.getElementById("button-pogodbe");
|
||||
var elemTermsPopup = document.getElementById("popup-terms");
|
||||
var termsScrollbox = document.getElementById("popup-terms-text");
|
||||
var dataConfirmNotification = document.getElementById("data-confirm-notification");
|
||||
var scrollboxTriggered = false;
|
||||
var form = document.forms["my-dropzone"];
|
||||
var errorMessage = document.getElementById("error-message");
|
||||
var form = document.forms["form-oddaja"];
|
||||
|
||||
{% if not institution %}
|
||||
btnSubmit.disabled = true;
|
||||
|
|
@ -158,8 +365,42 @@
|
|||
return str == null || str.match(/^ *$/) !== null;
|
||||
}
|
||||
|
||||
function showError(str) {
|
||||
errorMessage.querySelector("p").textContent = str;
|
||||
errorMessage.style.display = "block";
|
||||
window.scroll({
|
||||
top: 0,
|
||||
behavior: 'smooth'
|
||||
});
|
||||
}
|
||||
|
||||
const reEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
||||
|
||||
|
||||
//onready
|
||||
selectPredmet.addEventListener("change", function(e) {
|
||||
var predmetCustomBox = document.getElementById("predmet-custom-box").closest('.row');
|
||||
if (selectPredmet.value.startsWith("drug")) {
|
||||
predmetCustomBox.style.maxHeight = "150px";
|
||||
} else {
|
||||
predmetCustomBox.style.maxHeight = "0px";
|
||||
}
|
||||
});
|
||||
|
||||
selectVrsta.addEventListener("change", function(e) {
|
||||
var vrstaCustomBox = document.getElementById("vrsta-custom-box").closest('.row');
|
||||
if (selectVrsta.value == "delo-v-razredu") {
|
||||
vrstaCustomBox.style.maxHeight = "150px";
|
||||
} else {
|
||||
vrstaCustomBox.style.maxHeight = "0px";
|
||||
}
|
||||
});
|
||||
var event = new CustomEvent("change");
|
||||
selectPredmet.dispatchEvent(event);
|
||||
selectVrsta.dispatchEvent(event);
|
||||
|
||||
|
||||
|
||||
Dropzone.options.myDropzone = { // The camelized version of the ID of the form element
|
||||
url: "../upload",
|
||||
autoProcessQueue: false,
|
||||
|
|
@ -168,8 +409,9 @@
|
|||
paramName: "file", // The name that will be used to transfer the file
|
||||
maxFilesize: 1000, // MB
|
||||
timeout: 5000000, // milliseconds
|
||||
acceptedFiles: ".txt, .csv, .pdf, .doc, .docx, .xls, .xlsx, .ppt, .pptx, .jpg, .jpeg, .png",
|
||||
acceptedFiles: ".txt, .csv, .pdf, .doc, .docx, .xls, .xlsx, .ppt, .pptx, .jpg, .jpeg, .png, .mkv",
|
||||
maxFiles: 20,
|
||||
previewsContainer: "#dropzone-previews",
|
||||
dictDefaultMessage: `Kliknite ali odložite datoteke sem.`,
|
||||
dictFallbackMessage: "Vaš brskalnik ne podpira izbiranje datotek z odlaganjem (\"drag & drop\").",
|
||||
dictInvalidFileType: "Datoteka je napačnega formata.",
|
||||
|
|
@ -184,24 +426,8 @@
|
|||
// The setting up of the dropzone
|
||||
init: function() {
|
||||
var dz = this;
|
||||
|
||||
selectPredmet.addEventListener("change", function(e) {
|
||||
var predmetCustomBox = document.getElementById("predmet-custom-box");
|
||||
if (selectPredmet.value.startsWith("drug")) {
|
||||
predmetCustomBox.style.display = "inherit";
|
||||
} else {
|
||||
predmetCustomBox.style.display = "none";
|
||||
}
|
||||
});
|
||||
|
||||
selectVrsta.addEventListener("change", function(e) {
|
||||
var vrstaCustomBox = document.getElementById("vrsta-custom-box");
|
||||
if (selectVrsta.value == "delo-v-razredu") {
|
||||
vrstaCustomBox.style.display = "inherit";
|
||||
} else {
|
||||
vrstaCustomBox.style.display = "none";
|
||||
}
|
||||
});
|
||||
dataConfirmNotification.style.display = "none";
|
||||
errorMessage.style.display = "none";
|
||||
|
||||
btnSubmit.addEventListener("click", function(e) {
|
||||
// Make sure that the form isn't actually being sent.
|
||||
|
|
@ -219,18 +445,13 @@
|
|||
var jezikovniPopravki = form["jezikovni-popravki"].value;
|
||||
|
||||
if (predmet.startsWith("drug") && isEmptyOrSpaces(predmetCustom)) {
|
||||
alert("Polje za predmet ne more biti prazno!");
|
||||
showError("Polje za predmet ne more biti prazno!");
|
||||
} else if (vrsta === "delo-v-razredu" && isEmptyOrSpaces(vrstaCustom)) {
|
||||
alert("Polje za vrsto besedila ne more biti prazno!");
|
||||
showError("Polje za vrsto besedila ne more biti prazno!");
|
||||
} else if (dataConfirmNotification.style.display == "none") {
|
||||
dataConfirmNotification.style.display = "inherit";
|
||||
btnSubmit.textContent = "Potrdi";
|
||||
btnSubmit.style.display = "none";
|
||||
} else {
|
||||
// Then make terms popup visible
|
||||
//btnSubmit.disabled = true;
|
||||
//btnSubmitFinal.disabled = true;
|
||||
//elemTermsPopup.style.display = "inline";
|
||||
//scrollboxtriggered = false;
|
||||
|
||||
// Hand off data to dropzone
|
||||
dz.processQueue();
|
||||
|
|
@ -249,32 +470,20 @@
|
|||
dz.processQueue();
|
||||
|
||||
// Clear fields and hide popup agian
|
||||
btnSubmit.disabled = false;
|
||||
elemTermsPopup.style.display = "none";
|
||||
/*btnSubmit.disabled = false;
|
||||
dataConfirmNotification.style.display = "none";
|
||||
btnSubmit.textContent = "Oddaj";
|
||||
form.reset();
|
||||
scrollboxTriggered = false;
|
||||
scrollboxTriggered = false;*/
|
||||
});
|
||||
|
||||
btnSubmitCancel.addEventListener("click", function(e) {
|
||||
/*btnSubmitCancel.addEventListener("click", function(e) {
|
||||
btnSubmit.disabled = false;
|
||||
scrollboxTriggered = false;
|
||||
elemTermsPopup.style.display = "none";
|
||||
});
|
||||
|
||||
btnZgodovina.addEventListener("click", function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
window.location.replace("../zgodovina");
|
||||
});
|
||||
|
||||
btnPogodbe.addEventListener("click", function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
window.location.replace("../pogodbe");
|
||||
});
|
||||
});*/
|
||||
|
||||
/*
|
||||
// Enable final submit button only if user scrolls to the end of the terms.
|
||||
function checkScrollboxTrigger(event) {
|
||||
var element = event.target;
|
||||
|
|
@ -292,11 +501,11 @@
|
|||
|
||||
termsScrollbox.addEventListener("mouseenter", function(event) {
|
||||
checkScrollboxTrigger(event);
|
||||
});
|
||||
});*/
|
||||
|
||||
// Listen to the sendingmultiple event. In this case, it's the sendingmultiple event instead
|
||||
// of the sending event because uploadMultiple is set to true.
|
||||
this.on("sendingmultiple", function() {
|
||||
/*this.on("sendingmultiple", function() {
|
||||
// Gets triggered when the form is actually being sent.
|
||||
// Hide the success button or the complete form.
|
||||
});
|
||||
|
|
@ -311,9 +520,33 @@
|
|||
this.on("errormultiple", function(files, response) {
|
||||
// Gets triggered when there was an error sending the files.
|
||||
// Maybe show form again, and notify user of error
|
||||
});*/
|
||||
this.on("sending", function(file, xhr, formData) {
|
||||
formData.append("program",form["program"].value);
|
||||
formData.append("predmet",form["predmet"].value);
|
||||
formData.append("predmet-custom",form["predmet-custom"].value);
|
||||
formData.append("letnik",form["letnik"].value);
|
||||
formData.append("vrsta",form["vrsta"].value);
|
||||
formData.append("vrsta-custom",form["vrsta-custom"].value);
|
||||
formData.append("solsko-leto",form["solsko-leto"].value);
|
||||
formData.append("jezikovni-popravki",form["jezikovni-popravki"].value);
|
||||
|
||||
});
|
||||
|
||||
|
||||
},
|
||||
uploadprogress: function(file, progress, bytesSent) {
|
||||
if (file.previewElement) {
|
||||
console.log(progress);
|
||||
var progressElement = file.previewElement.querySelector("[data-dz-uploadprogress]");
|
||||
progressElement.style.width = progress + "%";
|
||||
//progressElement.querySelector(".progress-text").textContent = progress + "%";
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -3,67 +3,78 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Portal ŠOLAR</title>
|
||||
<link rel="stylesheet" href="/static/style.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/styles.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/utils.css" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="main-window">
|
||||
<div id="rect1">
|
||||
<div style="padding: 50px;">
|
||||
<div id="logo-container">
|
||||
<img src="/static/image/logo.svg" alt="logo"/>
|
||||
|
||||
<div class="background">
|
||||
<div class="panel login-panel">
|
||||
<div class="panel-logo">
|
||||
<img src="/static/image/logo.svg" alt="logo"/>
|
||||
</div>
|
||||
<h2 class="text-center">Portal za oddajanje besedil</h2>
|
||||
<div class="line"></div>
|
||||
<h1 class="text-center">Korpus ŠOLAR</h1>
|
||||
|
||||
<div class="text-center m-b-3"><em>Zbiranje besedil za korpus Šolar poteka po naslednjem postopku, ki prinaša tudi točke za napredovanje.</em></div>
|
||||
|
||||
<h1 class="m-b-3">Registracija</h1>
|
||||
<div>
|
||||
<form method="POST" action="../register" class="m-b-2">
|
||||
<div class="input-wrapper">
|
||||
<img src="../static/image/user.svg" alt="user" class="input-icon"/>
|
||||
<div class="input-floating-label">
|
||||
<input type="name" name="name" autofocus="">
|
||||
<span class="floating-label">Ime in priimek</span>
|
||||
</div>
|
||||
</div>
|
||||
<h1 id="title">Portal za oddajanje besedil</h1>
|
||||
<h2 id="subtitle">Korpus Šolar</h2>
|
||||
|
||||
<div class="form-text"><em>Zbiranje besedil za korpus Šolar poteka po naslednjem postopku, ki prinaša tudi točke za napredovanje.</em></div>
|
||||
|
||||
<a href="../login" class="contract-item-button" style="float: none;">Nazaj na prijavo</a>
|
||||
<h3 id="title" style="font-size: 27px; text-align: left;">Registracija</h3>
|
||||
<div>
|
||||
{% with messages = get_flashed_messages() %}
|
||||
{% if messages %}
|
||||
<div>
|
||||
{{ messages[0] }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
<form method="POST" action="../register">
|
||||
<div>
|
||||
<div>
|
||||
<input type="name" name="name" placeholder="Ime in priimek" autofocus="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<input type="email" name="email" placeholder="Email" autofocus="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<input type="password" name="password" placeholder="Geslo">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<input type="institution" name="institution" placeholder="Naziv institucije" autofocus="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<label for="role">Vloga v instituciji</label>
|
||||
<div class="input-wrapper">
|
||||
<img src="../static/image/user.svg" alt="user" class="input-icon"/>
|
||||
<div class="input-floating-label">
|
||||
<input type="email" name="email">
|
||||
<span class="floating-label">Email</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<img src="../static/image/password.svg" alt="user" class="input-icon"/>
|
||||
<div class="input-floating-label">
|
||||
<input type="password" name="password">
|
||||
<span class="floating-label">Geslo</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<img src="../static/image/user.svg" alt="user" class="input-icon"/>
|
||||
<div class="input-floating-label">
|
||||
<input type="institution" name="institution">
|
||||
<span class="floating-label">Naziv institucije</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<img src="../static/image/password.svg" alt="user" class="input-icon"/>
|
||||
<div class="input-floating-label">
|
||||
<select id="role" name="role" >
|
||||
<option value="coordinator">Koordinator/-ka</option>
|
||||
<option value="mentor">Mentor/-ica</option>
|
||||
<option value="other">Druga vloga</option>
|
||||
</select>
|
||||
<button class="button-general" style="margin-top: 20px;">REGISTRACIJA</button>
|
||||
</form>
|
||||
<span class="floating-label">Vloga v instituciji</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn" style="margin-left: 46px;">REGISTRACIJA</button>
|
||||
</form>
|
||||
</div>
|
||||
<div id="rect2" class="mock-side">
|
||||
{% with messages = get_flashed_messages() %}
|
||||
{% if messages %}
|
||||
<div class="alert">
|
||||
<img src="/static/image/alert.svg" alt="alert"/>
|
||||
<p>{{ messages[0] }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -3,10 +3,106 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Portal za oddajanje besedil</title>
|
||||
<link rel="stylesheet" href="/static/style.css" type="text/css">
|
||||
<!--<link rel="stylesheet" href="/static/style.css" type="text/css">-->
|
||||
<script src="/static/chart.js"></script>
|
||||
<link rel="stylesheet" href="/static/css/header.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/form.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/simple-grid.css" type="text/css">
|
||||
<link rel="stylesheet" href="/static/css/history.css" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="logo"><a href="/"><img src="/static/image/logo-white.svg"/></a></div>
|
||||
</header>
|
||||
<div class="container" style="margin-top:8rem;">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h1 class="title">Koprus SOLAR</h1>
|
||||
<p class="subtitle">Zbiranje besedil za korpus Šolar poteka po naslednjem postopku, ki prinaša tudi točke za napredovanje.</p>
|
||||
|
||||
|
||||
<div class="tab-nav">
|
||||
<a href="/oddaja">Oddaja</a>
|
||||
<a href="/zgodovina" class="active">Zgodovina</a>
|
||||
<a href="/pogodbe">Pogodbe</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h2>Zgodovina naloženih datotek</h2>
|
||||
</div>
|
||||
</div>
|
||||
{% for item in upload_history %}
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="history-item">
|
||||
<div class="history-item-date">Dodano {{ item.timestamp.strftime('%d. %m. %Y') }}</div>
|
||||
<div class="history-item-uploader">{{ uploader_names[loop.index - 1] }}</div>
|
||||
<div class="history-item-filecount">Št. datotek: {{ item.upload_file_hashes|length }}</div>
|
||||
<div class="history-item-desc">
|
||||
|
||||
{% set began = False %}
|
||||
{% if institution_names[loop.index - 1] %}
|
||||
{% if began %}, {% endif %} {{ institution_names[loop.index - 1] }}
|
||||
{% set began = True %}
|
||||
{% endif %}
|
||||
{% if item.program %}
|
||||
{% if began %}, {% endif %} {{ item.program }}
|
||||
{% set began = True %}
|
||||
{% endif %}
|
||||
{% if item.subject %}
|
||||
{% if began %}, {% endif %} {{ item.subject }}
|
||||
{% set began = True %}
|
||||
{% endif %}
|
||||
{% if item.subject_custom %}
|
||||
{% if began %}, {% endif %} {{ item.subject_custom }}
|
||||
{% set began = True %}
|
||||
{% endif %}
|
||||
{% if item.grade %}
|
||||
{% if began %}, {% endif %} {{ item.grade }}
|
||||
{% set began = True %}
|
||||
{% endif %}
|
||||
{% if item.text_type %}
|
||||
{% if began %}, {% endif %} {{ item.text_type }}
|
||||
{% set began = True %}
|
||||
{% endif %}
|
||||
{% if item.text_type_custom %}
|
||||
{% if began %}, {% endif %} {{ item.text_type_custom }}
|
||||
{% set began = True %}
|
||||
{% endif %}
|
||||
{% if item.school_year %}
|
||||
{% if began %}, {% endif %} {{ item.school_year }}
|
||||
{% set began = True %}
|
||||
{% endif %}
|
||||
{% if item.grammar_corrections %}
|
||||
{% if began %}, {% endif %} {{ item.grammar_corrections }}
|
||||
{% set began = True %}
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="../logout">Odjavi se</a>
|
||||
{% if is_institution_coordinator %}
|
||||
<br><a href="../manage-institution">Upravljaj z institucijo</a>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user