Commit 9df83711 authored by Thodoris Papadopoulos's avatar Thodoris Papadopoulos

first commit

parents
.sass-cache
node_modules/
.idea/workspace.xml
.idea/tasks.xml
.idea/
dist/
MIT License
Copyright (c) 2020 thodoris
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
.sass-cache
node_modules/
.idea/workspace.xml
.idea/tasks.xml
.idea/
dist/
.vscode/*
!.vscode/settings.json
!.vscode/tasks.json
!.vscode/launch.json
!.vscode/extensions.json
*.code-workspace
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
var gulp = require('gulp'),
sass = require('gulp-sass'),
sourcemaps = require('gulp-sourcemaps'),
cleanCss = require('gulp-clean-css'),
rename = require('gulp-rename'),
postcss = require('gulp-postcss'),
autoprefixer = require('autoprefixer');
function buildCss() {
return gulp.src(['scss/*.scss'])
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(postcss([ autoprefixer({ browsers: [
'Chrome >= 35',
'Firefox >= 38',
'Edge >= 12',
'Explorer >= 10',
'iOS >= 8',
'Safari >= 8',
'Android 2.3',
'Android >= 4',
'Opera >= 12']})]))
.pipe(sourcemaps.write())
.pipe(gulp.dest('css/'))
.pipe(cleanCss())
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('css/'))
.pipe(gulp.dest('templates/css'))
}
function watcher() {
gulp.watch(['scss/*.scss'], gulp.series(buildCss));
}
exports.watch = gulp.series(buildCss, watcher);
exports.default = gulp.series(buildCss);
gulp.task('watch', watcher)
This source diff could not be displayed because it is too large. You can view the blob instead.
{
"name": "govgr-bootstrap-theme-kit",
"version": "1.0",
"description": "A simple starter project to help you get started quickly when building a new web site for gov.gr",
"repository": "https://github.com/thodoris/govgr-bootstrap-theme-kit",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [
"bootstrap",
"gov.gr"
],
"author": "thodoris",
"license": "MIT",
"dependencies": {
"bootstrap": "^4.2.1",
"jquery": "^3.3.1",
"node-sass": "^4.13.1",
"popper.js": "^1.14.4"
},
"devDependencies": {
"autoprefixer": "*",
"gulp": "^4.0.0",
"gulp-clean-css": "^4.0.0",
"gulp-postcss": "^8.0.0",
"gulp-rename": "^1.4.0",
"gulp-sass": "^4.0.1",
"gulp-scss-lint": "^1.0.0",
"gulp-sourcemaps": "^2.6.4"
}
}
// Add additional styles here. For example, overwrite certain styles or add new components.
// You can use bootstrap's powerful mixins here!
header{
display: flex;
border-bottom: 4px solid;
border-image: linear-gradient(358.5deg,#00aeef .09%,#134a86) 1;
}
footer{
display: flex;
border-top: 3px solid;
border-image: linear-gradient(358.5deg, #044587 .09%,#134a86) 1;
}
body {
font-size:1rem;
font-weight: 400;
}
p {
font-size:1.12rem;
font-weight: 400;
}
h1 {
font-size:3rem;
font-weight: 700;
}
h2 {
font-size:2.25rem;
font-weight: 700;
}
h3 {
font-size:1.5rem;
font-weight: 700;
}
h4 {
font-size:1.18rem;
font-weight: 700;
}
h5 {
font-size:0.81rem;
font-weight: 700;
}
h6 {
font-size:0.81rem;
font-weight: 700;
}
.logo_govgr{
width: 300px;
height: 90px;
margin-left: -15px;
background:url(data:image/svg+xml;base64,#{$govgrLOGO}) no-repeat;
}
.logo_govgr.logo_small {
width: 211px;
height: 57px;
}
\ No newline at end of file
This diff is collapsed.
/*! GOV.GR Bootstrap 4 Theme
*
* Built on top of Bootstrap 4 (https://getbootstrap.com)
* Built by thodoris
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import 'custom-variables';
@import '../node_modules/bootstrap/scss/bootstrap';
@import 'custom-styles';
This source diff could not be displayed because it is too large. You can view the blob instead.
html,
body {
height: 100%;
}
#page-content {
flex: 1 0 auto;
}
#sticky-footer {
flex-shrink: none;
}
.org_logo_small {
width: 211px;
height: 57px;
margin-left: -15px;
background:url('../images/org2_logo.png') no-repeat;
}
\ No newline at end of file
:root {
--input-padding-x: 1.5rem;
--input-padding-y: .75rem;
}
body {
background: #007bff;
background: linear-gradient(to right, #0062E6, #33AEFF);
}
.card-signin {
border: 0;
border-radius: 1rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.card-signin .card-title {
margin-bottom: 2rem;
font-weight: 300;
font-size: 1.5rem;
}
.card-signin .card-body {
padding: 2rem;
}
.form-signin {
width: 100%;
}
.form-signin .btn {
font-size: 80%;
border-radius: 5rem;
letter-spacing: .1rem;
font-weight: bold;
padding: 1rem;
transition: all 0.2s;
}
.form-label-group {
position: relative;
margin-bottom: 1rem;
}
.form-label-group input {
height: auto;
border-radius: 2rem;
}
.form-label-group>input,
.form-label-group>label {
padding: var(--input-padding-y) var(--input-padding-x);
}
.form-label-group>label {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
margin-bottom: 0;
/* Override default `<label>` margin */
line-height: 1.5;
color: #495057;
border: 1px solid transparent;
border-radius: .25rem;
transition: all .1s ease-in-out;
}
.form-label-group input::-webkit-input-placeholder {
color: transparent;
}
.form-label-group input:-ms-input-placeholder {
color: transparent;
}
.form-label-group input::-ms-input-placeholder {
color: transparent;
}
.form-label-group input::-moz-placeholder {
color: transparent;
}
.form-label-group input::placeholder {
color: transparent;
}
.form-label-group input:not(:placeholder-shown) {
padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
padding-bottom: calc(var(--input-padding-y) / 3);
}
.form-label-group input:not(:placeholder-shown)~label {
padding-top: calc(var(--input-padding-y) / 3);
padding-bottom: calc(var(--input-padding-y) / 3);
font-size: 12px;
color: #777;
}
.btn-google {
color: white;
background-color: #ea4335;
}
.btn-facebook {
color: white;
background-color: #3b5998;
}
/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
.form-label-group>label {
display: none;
}
.form-label-group input::-ms-input-placeholder {
color: #777;
}
}
/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.form-label-group>label {
display: none;
}
.form-label-group input:-ms-input-placeholder {
color: #777;
}
}
\ No newline at end of file
<!DOCTYPE html>
<html lang="el">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>GOV.GR - Starter Template</title>
<link rel="shortcut icon" href="./images/gov_logo_16x16_favicon.png">
<!-- Custom GOV.GR theme - This already includes Bootstrap 4 -->
<link href="./css/govgr_bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./css/landingpage.css" rel="stylesheet">
</head>
<body>
<!-- Header -->
<header class="bg-primary mb-5">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-lg-12">
<div class="logo_govgr"></div>
<h1 class="display-4 text-white mt-5 mb-2">ΤΙΤΛΟΣ ΥΠΗΡΕΣΙΑΣ</h1>
<p class="lead mb-5 text-white-50">
Ο τίτλος της υπηρεσίας δεν χρειάζεται να περιλαμβάνει τα πάντα.
Στον σημείο αυτό μπορούμε να δώσουμε μια σύντομη αλλά επεξηγηματική περιγραφή σχετικά με το τι κάνει η υπηρεσία.</p>
</div>
</div>
</div>
</header>
<!-- Page Content -->
<div class="container">
<div class="row">
<div class="col-md-8 mb-5">
<h2>Σύντομη εισαγωγή</h2>
<hr>
<p>Οργανώνουμε τις πληροφορίες γύρω από τον επισκέπτη του gov.gr (π.χ. Ποιον αφορά η υπηρεσία; Τι δικαιολογητικά χρειάζεται; Τι πρέπει να κάνει!</p>
<p>Βάζουμε 1η την πιο σημαντική πληροφορία, αυτή που δείχνει τι “κερδίζει” ο επισκέπτης χρησιμοποιώντας την υπηρεσία αυτή. Στη συνέχεια δίνουμε επιπρόσθετες πληροφορίες.</p>
<a class="btn btn-primary btn-lg" href="#">Είσοδος &raquo;</a>
</div>
<div class="col-md-4 mb-5">
<h2>Επικοινωνία</h2>
<hr>
<address>
<strong>Αρμόδια Υπηρεσία</strong>
<br>Γραμμή Διευθυνσής 1
<br>Γραμμή Διευθυνσής 2
<br>
</address>
<address>
<abbr title="Phone">Τ:</abbr>
(123) 456-7890
<br>
<abbr title="Email">E:</abbr>
<a href="mailto:#">name@example.com</a>
</address>
</div>
</div>
<!-- /.row -->
<div class="row">
<div class="col-md-4 mb-5">
<div class="card h-100">
<img class="card-img-top" src="http://placehold.it/300x200" alt="">
<div class="card-body">
<h4 class="card-title">Υπο-σύστημα 1</h4>
<p class="card-text">Χρησιμοποιούμε ξεκάθαρους τίτλους και υπότιτλους και γράφουμε σε μικρές προτάσεις και παραγράφους, για να διαβάζεται το κείμενό μας ευκολότερα.</p>
</div>
<div class="card-footer">
<a href="#" class="btn btn-primary">Δείτε περισσότερα!</a>
</div>
</div>
</div>
<div class="col-md-4 mb-5">
<div class="card h-100">
<img class="card-img-top" src="http://placehold.it/300x200" alt="">
<div class="card-body">
<h4 class="card-title">Υπο-σύστημα 2</h4>
<p class="card-text">Χρησιμοποιούμε ξεκάθαρους τίτλους και υπότιτλους και γράφουμε σε μικρές προτάσεις και παραγράφους, για να διαβάζεται το κείμενό μας ευκολότερα.</p>
</div>
<div class="card-footer">
<a href="#" class="btn btn-primary">Δείτε περισσότερα!</a>
</div>
</div>
</div>
<div class="col-md-4 mb-5">
<div class="card h-100">
<img class="card-img-top" src="http://placehold.it/300x200" alt="">
<div class="card-body">
<h4 class="card-title">Υπο-σύστημα 3</h4>
<p class="card-text">Χρησιμοποιούμε ξεκάθαρους τίτλους και υπότιτλους και γράφουμε σε μικρές προτάσεις και παραγράφους, για να διαβάζεται το κείμενό μας ευκολότερα.</p>
</div>
<div class="card-footer">
<a href="#" class="btn btn-primary">Δείτε περισσότερα!</a>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Copyright &copy; 2020 GOV.GR</p>
</div>
</footer>
<!-- Put necessary JavaScript scripts here-->
</body>
</html>
<!doctype html>
<html lang="el">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>GOV.GR - Starter Template</title>
<link rel="shortcut icon" href="./images/gov_logo_16x16_favicon.png">
<!-- Custom GOV.GR theme - This already includes Bootstrap 4 -->
<link href="./css/govgr_bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./css/landingpage2.css" rel="stylesheet">
</head>
<body class="d-flex flex-column">
<!-- Header Small-->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03"
aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- <a class="navbar-brand" href="#!">Navbar</a> -->
<a href="/" class="navbar-brand"><div class="logo_govgr logo_small"></div></a>
<div class="collapse navbar-collapse" id="navbarTogglerDemo03">
<ul class="navbar-nav mr-auto mt-2 mt-md-0">
<li class="nav-item active">
<a class="nav-link" href="#!">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#!">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#!">Disabled</a>
</li>
</ul>
<a href="/" class="navbar-brand"><div class="org_logo_small"></div></a>
</div>
</nav>
<div id="page-content">
<div class="container text-center">
<div class="row justify-content-center">
<div class="col-md-7">
<h1 class="font-weight-light mt-4">Καλωσόρησμα στην Υπηρεσία!</h1>
<p class="lead"> Γράφουμε σε απλή γλώσσα, αλλά είμαστε ακριβείς και εξαντλητικοί. Στόχος μας είναι και ένας 12χρονος να κατανοεί το κείμενό μας.</p>
</div>
</div>
<p class="lead"></p>
<div class="row justify-content-center">
<div class="col-md-7 mb-5">
<h2>Οδηγίες εισόδου</h2>
<hr>
<p>Γράφουμε σε απλά Ελληνικά, όχι στη γλώσσα της γραφειοκρατίας. Αν πρέπει να χρησιμοποιήσουμε έναν τεχνικό όρο, δίνουμε μια σύντομη εξήγηση ώστε να τον κατανοήσουν όλοι οι επισκέπτες!</p>
<a class="btn btn-primary btn-lg" href="#">Είσοδος &raquo;</a>
</div>
</div>
</div>
</div>
<footer id="sticky-footer" class="py-4 bg-dark text-white-50">
<div class="container text-center">
<p class="m-0 text-center text-white">Copyright &copy; 2020 GOV.GR</p>
</div>
</footer>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="el">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>GOV.GR - Login Template</title>
<link rel="shortcut icon" href="./images/gov_logo_16x16_favicon.png">
<!-- Custom GOV.GR theme - This already includes Bootstrap 4 -->
<link href="./css/govgr_bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./css/login.css" rel="stylesheet">
</head>
<body>
<!-- Header Small-->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="mx-auto">
<a href="/" class="navbar-brand"><div class="logo_govgr logo_small"></div></a>
</div>