Browse Source

add first - static - one-page home #3

tags/Beta-1
Laszlo Lang 2 years ago
parent
commit
627b836e31
90 changed files with 1181 additions and 6 deletions
  1. +126
    -2
      assets/css/app.scss
  2. BIN
      assets/font/google-sans/GoogleSans-Bold.ttf
  3. BIN
      assets/font/google-sans/GoogleSans-BoldItalic.ttf
  4. BIN
      assets/font/google-sans/GoogleSans-Italic.ttf
  5. BIN
      assets/font/google-sans/GoogleSans-Medium.ttf
  6. BIN
      assets/font/google-sans/GoogleSans-MediumItalic.ttf
  7. BIN
      assets/font/google-sans/GoogleSans-Regular.ttf
  8. +31
    -0
      assets/js/app.js
  9. +453
    -0
      assets/js/vendor/jquery.particleground.js
  10. +16
    -0
      assets/js/vendor/jquery.particleground.min.js
  11. +9
    -2
      package.json
  12. BIN
      public/android-chrome-192x192.png
  13. BIN
      public/android-chrome-512x512.png
  14. BIN
      public/apple-touch-icon.png
  15. +9
    -0
      public/browserconfig.xml
  16. BIN
      public/favicon-16x16.png
  17. BIN
      public/favicon-32x32.png
  18. BIN
      public/favicon.ico
  19. +9
    -0
      public/html_code.html
  20. BIN
      public/images/bear-2.png
  21. BIN
      public/images/bear-3@1000.png
  22. BIN
      public/images/gitea.png
  23. BIN
      public/images/techs/angular.png
  24. BIN
      public/images/techs/debian.png
  25. BIN
      public/images/techs/gitea.png
  26. +1
    -0
      public/images/techs/mariadb.svg
  27. BIN
      public/images/techs/nextcloud.png
  28. BIN
      public/images/techs/onlyoffice.jpg
  29. BIN
      public/images/techs/postgresql.png
  30. +1
    -0
      public/images/techs/symfony.svg
  31. BIN
      public/images/work/d-albamedical.jpg
  32. BIN
      public/images/work/d-andreabakos.jpg
  33. BIN
      public/images/work/d-atlaszbeton.jpg
  34. BIN
      public/images/work/d-bambino.jpg
  35. BIN
      public/images/work/d-bulihotel.jpg
  36. BIN
      public/images/work/d-buscopan.jpg
  37. BIN
      public/images/work/d-bynight.jpg
  38. BIN
      public/images/work/d-calltivation.jpg
  39. BIN
      public/images/work/d-cemetery-alsocsinger.jpg
  40. BIN
      public/images/work/d-choco.jpg
  41. BIN
      public/images/work/d-csaszar.jpg
  42. BIN
      public/images/work/d-cukinet.jpg
  43. BIN
      public/images/work/d-dayang.jpg
  44. BIN
      public/images/work/d-djblade.jpg
  45. BIN
      public/images/work/d-dunarama.jpg
  46. BIN
      public/images/work/d-fallball-eu.jpg
  47. BIN
      public/images/work/d-farbe.jpg
  48. BIN
      public/images/work/d-feliratok.jpg
  49. BIN
      public/images/work/d-greensmoke.jpg
  50. BIN
      public/images/work/d-gs-christmas.jpg
  51. BIN
      public/images/work/d-gs-valentine.jpg
  52. BIN
      public/images/work/d-hummel.jpg
  53. BIN
      public/images/work/d-iw-almaink-sportja.jpg
  54. BIN
      public/images/work/d-iw-cserfalvi.jpg
  55. BIN
      public/images/work/d-iw-hungaria.jpg
  56. BIN
      public/images/work/d-iw-pestiekszer.jpg
  57. BIN
      public/images/work/d-iw-vileda.jpg
  58. BIN
      public/images/work/d-iw-vp-handball-fans.jpg
  59. BIN
      public/images/work/d-iw-vp-handball.jpg
  60. BIN
      public/images/work/d-kopogtato.jpg
  61. BIN
      public/images/work/d-laszlolang.jpg
  62. BIN
      public/images/work/d-matruelle.jpg
  63. BIN
      public/images/work/d-pe-gt.jpg
  64. BIN
      public/images/work/d-pharmaton-kod.jpg
  65. BIN
      public/images/work/d-pharmaton-rejtely.jpg
  66. BIN
      public/images/work/d-pharmaton-vital.jpg
  67. BIN
      public/images/work/d-pt-bbsz-s2.jpg
  68. BIN
      public/images/work/d-pt-bbsz.jpg
  69. BIN
      public/images/work/d-pt-hostels.jpg
  70. BIN
      public/images/work/d-pt-hostelshungary.jpg
  71. BIN
      public/images/work/d-pt-kormanyhivatalok.jpg
  72. BIN
      public/images/work/d-pt-marko.jpg
  73. BIN
      public/images/work/d-pt-olcsoutazasok.jpg
  74. BIN
      public/images/work/d-pt-pann-tura.jpg
  75. BIN
      public/images/work/d-pt-tauplitzerhof.jpg
  76. BIN
      public/images/work/d-qecc.jpg
  77. BIN
      public/images/work/d-slokat.jpg
  78. BIN
      public/images/work/d-system7-cms.jpg
  79. BIN
      public/images/work/d-szilasi.jpg
  80. BIN
      public/images/work/d-vk-kupongyar.jpg
  81. BIN
      public/images/work/d-vk.jpg
  82. BIN
      public/images/work/d-vke-allati.jpg
  83. BIN
      public/images/work/d-vke.jpg
  84. BIN
      public/mstile-150x150.png
  85. +1
    -0
      public/safari-pinned-tab.svg
  86. +19
    -0
      public/site.webmanifest
  87. +10
    -0
      templates/base.html.twig
  88. +452
    -0
      templates/default/index.html.twig
  89. +2
    -0
      webpack.config.js
  90. +42
    -2
      yarn.lock

+ 126
- 2
assets/css/app.scss View File

@@ -1,7 +1,131 @@
@-ms-viewport{
@-ms-viewport {
width: device-width;
}

* {
@font-face {
font-family: "Google Sans";
src: url("../font/google-sans/GoogleSans-Bold.ttf");
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: "Google Sans";
src: url("../font/google-sans/GoogleSans-BoldItalic.ttf");
font-weight: bold;
font-style: italic;
}

@font-face {
font-family: "Google Sans";
src: url("../font/google-sans/GoogleSans-Italic.ttf");
font-weight: normal;
font-style: italic;
}

@font-face {
font-family: "Google Sans";
src: url("../font/google-sans/GoogleSans-Regular.ttf");
font-weight: normal;
font-style: normal;
}

*,
*:before,
*:after {
margin: 0;
padding: 0;

box-sizing: border-box;
}

a,
a:hover {
text-decoration: none;
}

@import "~bootstrap/scss/bootstrap";
@import "~froala-design-blocks/src/scss/froala_blocks";
@import "~owl.carousel/dist/assets/owl.carousel.min.css";
@import "~owl.carousel/dist/assets/owl.theme.default.min.css";

$font-family-sans-serif: "Google Sans", sans-serif !default;
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
$font-family-base: $font-family-sans-serif !default;
$headings-font-family: $font-family-sans-serif !default;

body,
.fdb-block {
font-family: "Google Sans", sans-serif;
}

.onlyoffice {
border-radius: 50%;
}

.techs img {
filter: grayscale(100%);
}

.techs a {
display: inline-block;
}

#main-section {
background-color: #cccccc;
position: relative;
height: 1080px;
padding: 0;

overflow: inherit;
}

#main-section .pg-canvas {
position: absolute;
}

#main-section #references {
background: #333;
position: absolute;
width: 750px;
left: 50%;
bottom: -170px;
border: 25px solid #333;
margin-left: -375px;

z-index: 1;

border-radius: 15px;
}

.references i {
font-size: 72px;
}

#features {
padding-top: 200px !important;
}

.gitea {
background: url(/images/gitea.png) no-repeat top center;
background-size: cover;
}

.fdb-block.gitea h1,
.fdb-block.gitea .text-h3 {
color: #fff;
}

#main-section .bear-small img {
display: none;
}

@media screen and (max-width: 1000px) {
#main-section .bear {
display: none;
}

#main-section .bear-small img {
display: block;
}
}

BIN
assets/font/google-sans/GoogleSans-Bold.ttf View File


BIN
assets/font/google-sans/GoogleSans-BoldItalic.ttf View File


BIN
assets/font/google-sans/GoogleSans-Italic.ttf View File


BIN
assets/font/google-sans/GoogleSans-Medium.ttf View File


BIN
assets/font/google-sans/GoogleSans-MediumItalic.ttf View File


BIN
assets/font/google-sans/GoogleSans-Regular.ttf View File


+ 31
- 0
assets/js/app.js View File

@@ -0,0 +1,31 @@
require('popper.js/dist/popper.min.js');
require('bootstrap/dist/js/bootstrap.bundle.min');
require('owl.carousel/dist/owl.carousel.min');
require('../js/vendor/jquery.particleground');

$(function () {
/**
* @link https://github.com/jnicol/particleground
*/
particleground(document.getElementById('main-section'), {
dotColor: '#aaaaaa',
lineColor: '#bbbbbb',
parallaxMultiplier: 15,
lineWidth: 2,
density: 15000,
});

/**
* @link https://github.com/OwlCarousel2/OwlCarousel2
*/
$('.owl-carousel').owlCarousel({
items: 1,
margin: 5,
loop: true,
lazyLoad: true,
lazyLoadEager: 2,
autoplay: true,
autoplayTimeout: 3000,
autoplayHoverPause: true,
});
});

+ 453
- 0
assets/js/vendor/jquery.particleground.js View File

@@ -0,0 +1,453 @@
/*!
* Particleground
*
* @author Jonathan Nicol - @mrjnicol
* @version 1.1.0
* @description Creates a canvas based particle system background
*
* Inspired by http://requestlab.fr/ and http://disruptivebydesign.com/
*/

;(function(window, document) {
"use strict";
var pluginName = 'particleground';

// http://youmightnotneedjquery.com/#deep_extend
function extend(out) {
out = out || {};
for (var i = 1; i < arguments.length; i++) {
var obj = arguments[i];
if (!obj) continue;
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
if (typeof obj[key] === 'object')
deepExtend(out[key], obj[key]);
else
out[key] = obj[key];
}
}
}
return out;
};

var $ = window.jQuery;

function Plugin(element, options) {
var canvasSupport = !!document.createElement('canvas').getContext;
var canvas;
var ctx;
var particles = [];
var raf;
var mouseX = 0;
var mouseY = 0;
var winW;
var winH;
var desktop = !navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|BB10|mobi|tablet|opera mini|nexus 7)/i);
var orientationSupport = !!window.DeviceOrientationEvent;
var tiltX = 0;
var pointerX;
var pointerY;
var tiltY = 0;
var paused = false;

options = extend({}, window[pluginName].defaults, options);

/**
* Init
*/
function init() {
if (!canvasSupport) { return; }

//Create canvas
canvas = document.createElement('canvas');
canvas.className = 'pg-canvas';
canvas.style.display = 'block';
element.insertBefore(canvas, element.firstChild);
ctx = canvas.getContext('2d');
styleCanvas();

// Create particles
var numParticles = Math.round((canvas.width * canvas.height) / options.density);
for (var i = 0; i < numParticles; i++) {
var p = new Particle();
p.setStackPos(i);
particles.push(p);
};

window.addEventListener('resize', function() {
resizeHandler();
}, false);

document.addEventListener('mousemove', function(e) {
mouseX = e.pageX;
mouseY = e.pageY;
}, false);

if (orientationSupport && !desktop) {
window.addEventListener('deviceorientation', function () {
// Contrain tilt range to [-30,30]
tiltY = Math.min(Math.max(-event.beta, -30), 30);
tiltX = Math.min(Math.max(-event.gamma, -30), 30);
}, true);
}

draw();
hook('onInit');
}

/**
* Style the canvas
*/
function styleCanvas() {
canvas.width = element.offsetWidth;
canvas.height = element.offsetHeight;
ctx.fillStyle = options.dotColor;
ctx.strokeStyle = options.lineColor;
ctx.lineWidth = options.lineWidth;
}

/**
* Draw particles
*/
function draw() {
if (!canvasSupport) { return; }

winW = window.innerWidth;
winH = window.innerHeight;

// Wipe canvas
ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update particle positions
for (var i = 0; i < particles.length; i++) {
particles[i].updatePosition();
};
// Draw particles
for (var i = 0; i < particles.length; i++) {
particles[i].draw();
};

// Call this function next time screen is redrawn
if (!paused) {
raf = requestAnimationFrame(draw);
}
}

/**
* Add/remove particles.
*/
function resizeHandler() {
// Resize the canvas
styleCanvas();

var elWidth = element.offsetWidth;
var elHeight = element.offsetHeight;

// Remove particles that are outside the canvas
for (var i = particles.length - 1; i >= 0; i--) {
if (particles[i].position.x > elWidth || particles[i].position.y > elHeight) {
particles.splice(i, 1);
}
};

// Adjust particle density
var numParticles = Math.round((canvas.width * canvas.height) / options.density);
if (numParticles > particles.length) {
while (numParticles > particles.length) {
var p = new Particle();
particles.push(p);
}
} else if (numParticles < particles.length) {
particles.splice(numParticles);
}

// Re-index particles
for (i = particles.length - 1; i >= 0; i--) {
particles[i].setStackPos(i);
};
}

/**
* Pause particle system
*/
function pause() {
paused = true;
}

/**
* Start particle system
*/
function start() {
paused = false;
draw();
}

/**
* Particle
*/
function Particle() {
this.stackPos;
this.active = true;
this.layer = Math.ceil(Math.random() * 3);
this.parallaxOffsetX = 0;
this.parallaxOffsetY = 0;
// Initial particle position
this.position = {
x: Math.ceil(Math.random() * canvas.width),
y: Math.ceil(Math.random() * canvas.height)
}
// Random particle speed, within min and max values
this.speed = {}
switch (options.directionX) {
case 'left':
this.speed.x = +(-options.maxSpeedX + (Math.random() * options.maxSpeedX) - options.minSpeedX).toFixed(2);
break;
case 'right':
this.speed.x = +((Math.random() * options.maxSpeedX) + options.minSpeedX).toFixed(2);
break;
default:
this.speed.x = +((-options.maxSpeedX / 2) + (Math.random() * options.maxSpeedX)).toFixed(2);
this.speed.x += this.speed.x > 0 ? options.minSpeedX : -options.minSpeedX;
break;
}
switch (options.directionY) {
case 'up':
this.speed.y = +(-options.maxSpeedY + (Math.random() * options.maxSpeedY) - options.minSpeedY).toFixed(2);
break;
case 'down':
this.speed.y = +((Math.random() * options.maxSpeedY) + options.minSpeedY).toFixed(2);
break;
default:
this.speed.y = +((-options.maxSpeedY / 2) + (Math.random() * options.maxSpeedY)).toFixed(2);
this.speed.x += this.speed.y > 0 ? options.minSpeedY : -options.minSpeedY;
break;
}
}

/**
* Draw particle
*/
Particle.prototype.draw = function() {
// Draw circle
ctx.beginPath();
ctx.arc(this.position.x + this.parallaxOffsetX, this.position.y + this.parallaxOffsetY, options.particleRadius / 2, 0, Math.PI * 2, true);
ctx.closePath();
ctx.fill();

// Draw lines
ctx.beginPath();
// Iterate over all particles which are higher in the stack than this one
for (var i = particles.length - 1; i > this.stackPos; i--) {
var p2 = particles[i];

// Pythagorus theorum to get distance between two points
var a = this.position.x - p2.position.x
var b = this.position.y - p2.position.y
var dist = Math.sqrt((a * a) + (b * b)).toFixed(2);

// If the two particles are in proximity, join them
if (dist < options.proximity) {
ctx.moveTo(this.position.x + this.parallaxOffsetX, this.position.y + this.parallaxOffsetY);
if (options.curvedLines) {
ctx.quadraticCurveTo(Math.max(p2.position.x, p2.position.x), Math.min(p2.position.y, p2.position.y), p2.position.x + p2.parallaxOffsetX, p2.position.y + p2.parallaxOffsetY);
} else {
ctx.lineTo(p2.position.x + p2.parallaxOffsetX, p2.position.y + p2.parallaxOffsetY);
}
}
}
ctx.stroke();
ctx.closePath();
}

/**
* update particle position
*/
Particle.prototype.updatePosition = function() {
if (options.parallax) {
if (orientationSupport && !desktop) {
// Map tiltX range [-30,30] to range [0,winW]
var ratioX = (winW - 0) / (30 - -30);
pointerX = (tiltX - -30) * ratioX + 0;
// Map tiltY range [-30,30] to range [0,winH]
var ratioY = (winH - 0) / (30 - -30);
pointerY = (tiltY - -30) * ratioY + 0;
} else {
pointerX = mouseX;
pointerY = mouseY;
}
// Calculate parallax offsets
this.parallaxTargX = (pointerX - (winW / 2)) / (options.parallaxMultiplier * this.layer);
this.parallaxOffsetX += (this.parallaxTargX - this.parallaxOffsetX) / 10; // Easing equation
this.parallaxTargY = (pointerY - (winH / 2)) / (options.parallaxMultiplier * this.layer);
this.parallaxOffsetY += (this.parallaxTargY - this.parallaxOffsetY) / 10; // Easing equation
}

var elWidth = element.offsetWidth;
var elHeight = element.offsetHeight;

switch (options.directionX) {
case 'left':
if (this.position.x + this.speed.x + this.parallaxOffsetX < 0) {
this.position.x = elWidth - this.parallaxOffsetX;
}
break;
case 'right':
if (this.position.x + this.speed.x + this.parallaxOffsetX > elWidth) {
this.position.x = 0 - this.parallaxOffsetX;
}
break;
default:
// If particle has reached edge of canvas, reverse its direction
if (this.position.x + this.speed.x + this.parallaxOffsetX > elWidth || this.position.x + this.speed.x + this.parallaxOffsetX < 0) {
this.speed.x = -this.speed.x;
}
break;
}

switch (options.directionY) {
case 'up':
if (this.position.y + this.speed.y + this.parallaxOffsetY < 0) {
this.position.y = elHeight - this.parallaxOffsetY;
}
break;
case 'down':
if (this.position.y + this.speed.y + this.parallaxOffsetY > elHeight) {
this.position.y = 0 - this.parallaxOffsetY;
}
break;
default:
// If particle has reached edge of canvas, reverse its direction
if (this.position.y + this.speed.y + this.parallaxOffsetY > elHeight || this.position.y + this.speed.y + this.parallaxOffsetY < 0) {
this.speed.y = -this.speed.y;
}
break;
}

// Move particle
this.position.x += this.speed.x;
this.position.y += this.speed.y;
}

/**
* Setter: particle stacking position
*/
Particle.prototype.setStackPos = function(i) {
this.stackPos = i;
}

function option (key, val) {
if (val) {
options[key] = val;
} else {
return options[key];
}
}

function destroy() {
console.log('destroy');
canvas.parentNode.removeChild(canvas);
hook('onDestroy');
if ($) {
$(element).removeData('plugin_' + pluginName);
}
}

function hook(hookName) {
if (options[hookName] !== undefined) {
options[hookName].call(element);
}
}

init();

return {
option: option,
destroy: destroy,
start: start,
pause: pause
};
}

window[pluginName] = function(elem, options) {
return new Plugin(elem, options);
};

window[pluginName].defaults = {
minSpeedX: 0.1,
maxSpeedX: 0.7,
minSpeedY: 0.1,
maxSpeedY: 0.7,
directionX: 'center', // 'center', 'left' or 'right'. 'center' = dots bounce off edges
directionY: 'center', // 'center', 'up' or 'down'. 'center' = dots bounce off edges
density: 10000, // How many particles will be generated: one particle every n pixels
dotColor: '#666666',
lineColor: '#666666',
particleRadius: 7, // Dot size
lineWidth: 1,
curvedLines: false,
proximity: 100, // How close two dots need to be before they join
parallax: true,
parallaxMultiplier: 5, // The lower the number, the more extreme the parallax effect
onInit: function() {},
onDestroy: function() {}
};

// nothing wrong with hooking into jQuery if it's there...
if ($) {
$.fn[pluginName] = function(options) {
if (typeof arguments[0] === 'string') {
var methodName = arguments[0];
var args = Array.prototype.slice.call(arguments, 1);
var returnVal;
this.each(function() {
if ($.data(this, 'plugin_' + pluginName) && typeof $.data(this, 'plugin_' + pluginName)[methodName] === 'function') {
returnVal = $.data(this, 'plugin_' + pluginName)[methodName].apply(this, args);
}
});
if (returnVal !== undefined){
return returnVal;
} else {
return this;
}
} else if (typeof options === "object" || !options) {
return this.each(function() {
if (!$.data(this, 'plugin_' + pluginName)) {
$.data(this, 'plugin_' + pluginName, new Plugin(this, options));
}
});
}
};
}

})(window, document);

/**
* requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
* @see: http://paulirish.com/2011/requestanimationframe-for-smart-animating/
* @see: http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
* @license: MIT license
*/
(function() {
var lastTime = 0;
var vendors = ['ms', 'moz', 'webkit', 'o'];
for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame']
|| window[vendors[x]+'CancelRequestAnimationFrame'];
}

if (!window.requestAnimationFrame)
window.requestAnimationFrame = function(callback, element) {
var currTime = new Date().getTime();
var timeToCall = Math.max(0, 16 - (currTime - lastTime));
var id = window.setTimeout(function() { callback(currTime + timeToCall); },
timeToCall);
lastTime = currTime + timeToCall;
return id;
};

if (!window.cancelAnimationFrame)
window.cancelAnimationFrame = function(id) {
clearTimeout(id);
};
}());

+ 16
- 0
assets/js/vendor/jquery.particleground.min.js
File diff suppressed because it is too large
View File


+ 9
- 2
package.json View File

@@ -16,7 +16,14 @@
"build": "encore production"
},
"dependencies": {
"@fortawesome/fontawesome-free": "^5.2.0"
"@fortawesome/fontawesome-free": "^5.2.0",
"bootstrap": "^4.1.3",
"froala-design-blocks": "^1.0.2",
"owl.carousel": "^2.3.4",
"popper.js": "^1.14.4"
},
"browserslist": [ "last 7 versions", "ios >= 7" ]
"browserslist": [
"last 7 versions",
"ios >= 7"
]
}

BIN
public/android-chrome-192x192.png View File

Before After
Width: 192  |  Height: 192  |  Size: 3.0KB

BIN
public/android-chrome-512x512.png View File

Before After
Width: 512  |  Height: 512  |  Size: 7.9KB

BIN
public/apple-touch-icon.png View File

Before After
Width: 180  |  Height: 180  |  Size: 2.9KB

+ 9
- 0
public/browserconfig.xml View File

@@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square150x150logo src="/mstile-150x150.png"/>
<TileColor>#2d89ef</TileColor>
</tile>
</msapplication>
</browserconfig>

BIN
public/favicon-16x16.png View File

Before After
Width: 16  |  Height: 16  |  Size: 522B

BIN
public/favicon-32x32.png View File

Before After
Width: 32  |  Height: 32  |  Size: 817B

BIN
public/favicon.ico View File

Before After

+ 9
- 0
public/html_code.html View File

@@ -0,0 +1,9 @@
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#4993a8">
<meta name="apple-mobile-web-app-title" content="SplendidBear">
<meta name="application-name" content="SplendidBear">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="theme-color" content="#ffffff">

BIN
public/images/bear-2.png View File

Before After
Width: 500  |  Height: 500  |  Size: 45KB

BIN
public/images/bear-3@1000.png View File

Before After
Width: 1000  |  Height: 592  |  Size: 64KB

BIN
public/images/gitea.png View File

Before After
Width: 2560  |  Height: 1440  |  Size: 265KB

BIN
public/images/techs/angular.png View File

Before After
Width: 1000  |  Height: 1000  |  Size: 35KB

BIN
public/images/techs/debian.png View File

Before After
Width: 800  |  Height: 600  |  Size: 37KB

BIN
public/images/techs/gitea.png View File

Before After
Width: 400  |  Height: 400  |  Size: 19KB

+ 1
- 0
public/images/techs/mariadb.svg View File

@@ -0,0 +1 @@
<svg width="2500" height="1660" viewBox="0 0 256 170" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><path d="M250.392.004c-3.95.127-2.701 1.265-11.236 3.365-8.619 2.121-19.147 1.47-28.428 5.363-27.706 11.62-33.265 51.333-58.452 65.559-18.827 10.634-37.822 11.482-54.899 16.834-11.223 3.519-23.5 10.736-33.668 19.499-7.892 6.803-8.098 12.786-16.345 21.32-8.82 9.127-35.057.154-46.948 14.124 3.83 3.873 5.51 4.958 13.058 3.953-1.562 2.962-10.775 5.458-8.972 9.816 1.898 4.585 24.17 7.693 44.417-4.53 9.429-5.693 16.94-13.899 31.624-15.857 19.003-2.533 40.895 1.624 62.894 4.797-3.262 9.726-9.811 16.194-15.057 23.94-1.625 1.75 3.263 1.946 8.839.889 10.03-2.48 17.258-4.478 24.828-8.884 9.3-5.414 10.71-19.293 22.12-22.297 6.357 9.772 23.649 12.08 34.378 4.264-9.415-2.665-12.017-22.705-8.839-31.535 3.01-8.36 5.985-21.73 9.017-32.78 3.255-11.866 4.455-26.823 8.394-32.868 5.927-9.094 12.475-12.217 18.16-17.345 5.686-5.129 10.89-10.12 10.719-21.855-.055-3.78-2.01-5.886-5.604-5.772z" fill="#002B64"/><path d="M8.594 159c14.418 2.066 23.186 0 34.764-5.02 9.852-4.273 19.366-13.081 31-16.815 17.085-5.482 35.821.007 54.085 1.102 4.448.267 8.867.27 13.229-.205 6.803-4.182 6.663-19.823 13.285-21.256-.195 21.945-9.192 35.094-18.601 47.826 19.83-3.502 31.697-14.972 39.712-30.291 2.432-4.645 4.508-9.642 6.344-14.88 2.839 2.179 1.23 8.808 2.657 12.4 13.659-7.609 21.48-24.973 26.66-42.535 5.992-20.325 8.445-40.906 12.31-46.92 3.772-5.87 9.642-9.488 15-13.246 6.09-4.273 11.52-8.726 12.458-16.867-6.421-.594-7.906-2.08-8.856-5.316-3.215 1.812-6.171 2.2-9.511 2.3-2.898.088-6.082-.041-9.971.358-32.16 3.303-36.247 38.75-56.86 58.844a48.347 48.347 0 0 1-4.835 4.104c-7.22 5.38-16.076 9.224-24.22 12.337-13.183 5.037-25.716 5.395-38.084 9.743-9.08 3.191-18.306 7.82-25.763 12.924a76.37 76.37 0 0 0-5.238 3.903c-4.376 3.58-7.249 7.553-10.027 11.64-2.866 4.21-5.633 8.543-9.851 12.682-6.834 6.71-32.37 1.957-41.36 8.18-1.002.692-1.798 1.523-2.34 2.521 4.906 2.229 8.182.861 13.825 1.485.74 5.355-11.642 8.537-9.812 11.003zM203.435 120.426c.384 6.143 3.95 18.33 7.098 21.293-6.166 1.5-16.787-.978-19.512-5.327 1.4-6.28 8.686-12.02 12.414-15.966z" fill="#FFF"/><path d="M212.468 22.935c4.552 3.952 14.105.78 12.398-7.084-7.074-.586-11.172 1.815-12.398 7.084zM244.207 13.744c-1.21 2.54-3.529 5.815-3.529 12.28-.01 1.11-.843 1.871-.857.16.063-6.32 1.735-9.051 3.512-12.641.826-1.471 1.323-.864.874.201z" fill="#002B64"/><path d="M242.988 12.788c-1.429 2.423-4.868 6.844-5.437 13.285-.105 1.104-1.003 1.788-.867.081.62-6.288 3.369-10.224 5.455-13.645.947-1.391 1.392-.743.849.279zM241.876 11.52c-1.627 2.294-6.922 7.603-8.029 13.975-.199 1.09-1.151 1.698-.871.008 1.146-6.215 5.71-11.1 8.076-14.331 1.06-1.31 1.448-.625.824.348zM240.884 10.106c-1.933 2.042-8.245 8.812-10.235 14.964-.352 1.051-1.38 1.52-.864-.114 2.007-5.992 7.535-12.447 10.332-15.312 1.235-1.147 1.522-.415.767.462z" fill="#002B64"/></svg>

BIN
public/images/techs/nextcloud.png View File

Before After
Width: 2000  |  Height: 1418  |  Size: 92KB

BIN
public/images/techs/onlyoffice.jpg View File

Before After
Width: 512  |  Height: 512  |  Size: 17KB

BIN
public/images/techs/postgresql.png View File

Before After
Width: 496  |  Height: 512  |  Size: 19KB

+ 1
- 0
public/images/techs/symfony.svg View File

@@ -0,0 +1 @@
<svg width="2490" height="2500" viewBox="0 0 256 257" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><circle fill="#1A171B" cx="128" cy="128.827" r="128"/><path d="M183.706 48.124c-12.986.453-24.32 7.61-32.757 17.51-9.342 10.855-15.557 23.73-20.035 36.872-8.01-6.565-14.19-15.064-27.041-18.77-9.933-2.852-20.366-1.674-29.96 5.474-4.545 3.395-7.676 8.527-9.165 13.351-3.855 12.537 4.053 23.694 7.645 27.7l7.853 8.416c1.619 1.65 5.518 5.955 3.612 12.127-2.06 6.71-10.15 11.055-18.448 8.495-3.706-1.13-9.03-3.891-7.838-7.779.493-1.59 1.631-2.78 2.241-4.155.56-1.181.827-2.067.997-2.587 1.516-4.95-.555-11.39-5.857-13.025-4.946-1.516-10.007-.315-11.969 6.054-2.225 7.235 1.237 20.366 19.783 26.084 21.729 6.676 40.11-5.155 42.717-20.586 1.642-9.665-2.722-16.845-10.717-26.08l-6.514-7.204c-3.946-3.942-5.301-10.661-1.217-15.825 3.446-4.356 8.354-6.215 16.392-4.029 11.733 3.186 16.963 11.327 25.69 17.893-3.603 11.819-5.958 23.682-8.09 34.32l-1.299 7.931c-6.238 32.721-11 50.688-23.375 61.003-2.493 1.773-6.057 4.427-11.429 4.612-2.816.087-3.726-1.85-3.765-2.694-.067-1.977 1.599-2.883 2.706-3.773 1.654-.902 4.155-2.398 3.985-7.191-.18-5.664-4.872-10.575-11.654-10.35-5.08.173-12.823 4.954-12.532 13.705.303 9.039 8.728 15.813 21.43 15.384 6.79-.233 21.952-2.997 36.895-20.76 17.392-20.362 22.256-43.705 25.915-60.79l4.084-22.556c2.269.272 4.695.453 7.334.516 21.661.457 32.496-10.763 32.657-18.924.107-4.939-3.241-9.799-7.928-9.689-3.355.095-7.57 2.328-8.582 6.968-.988 4.552 6.893 8.66.733 12.65-4.376 2.832-12.221 4.828-23.269 3.206l2.009-11.103c4.1-21.055 9.157-46.954 28.341-47.584 1.398-.071 6.514.063 6.633 3.446.035 1.13-.245 1.418-1.568 4.005-1.347 2.017-1.855 3.734-1.792 5.707.185 5.376 4.273 8.909 10.185 8.696 7.916-.256 10.193-7.963 10.063-11.921-.32-9.3-10.122-15.175-23.1-14.75z" fill="#FFF"/></svg>

BIN
public/images/work/d-albamedical.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 177KB

BIN
public/images/work/d-andreabakos.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 18KB

BIN
public/images/work/d-atlaszbeton.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 210KB

BIN
public/images/work/d-bambino.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 235KB

BIN
public/images/work/d-bulihotel.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 114KB

BIN
public/images/work/d-buscopan.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 112KB

BIN
public/images/work/d-bynight.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 312KB

BIN
public/images/work/d-calltivation.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 98KB

BIN
public/images/work/d-cemetery-alsocsinger.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 301KB

BIN
public/images/work/d-choco.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 228KB

BIN
public/images/work/d-csaszar.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 218KB

BIN
public/images/work/d-cukinet.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 308KB

BIN
public/images/work/d-dayang.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 182KB

BIN
public/images/work/d-djblade.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 78KB

BIN
public/images/work/d-dunarama.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 197KB

BIN
public/images/work/d-fallball-eu.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 28KB

BIN
public/images/work/d-farbe.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 342KB

BIN
public/images/work/d-feliratok.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 204KB

BIN
public/images/work/d-greensmoke.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 207KB

BIN
public/images/work/d-gs-christmas.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 138KB

BIN
public/images/work/d-gs-valentine.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 280KB

BIN
public/images/work/d-hummel.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 322KB

BIN
public/images/work/d-iw-almaink-sportja.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 498KB

BIN
public/images/work/d-iw-cserfalvi.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 597KB

BIN
public/images/work/d-iw-hungaria.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 561KB

BIN
public/images/work/d-iw-pestiekszer.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 436KB

BIN
public/images/work/d-iw-vileda.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 496KB

BIN
public/images/work/d-iw-vp-handball-fans.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 433KB

BIN
public/images/work/d-iw-vp-handball.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 488KB

BIN
public/images/work/d-kopogtato.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 155KB

BIN
public/images/work/d-laszlolang.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 172KB

BIN
public/images/work/d-matruelle.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 175KB

BIN
public/images/work/d-pe-gt.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 438KB

BIN
public/images/work/d-pharmaton-kod.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 618KB

BIN
public/images/work/d-pharmaton-rejtely.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 402KB

BIN
public/images/work/d-pharmaton-vital.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 248KB

BIN
public/images/work/d-pt-bbsz-s2.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 273KB

BIN
public/images/work/d-pt-bbsz.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 244KB

BIN
public/images/work/d-pt-hostels.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 315KB

BIN
public/images/work/d-pt-hostelshungary.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 127KB

BIN
public/images/work/d-pt-kormanyhivatalok.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 198KB

BIN
public/images/work/d-pt-marko.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 187KB

BIN
public/images/work/d-pt-olcsoutazasok.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 192KB

BIN
public/images/work/d-pt-pann-tura.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 153KB

BIN
public/images/work/d-pt-tauplitzerhof.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 445KB

BIN
public/images/work/d-qecc.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 267KB

BIN
public/images/work/d-slokat.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 168KB

BIN
public/images/work/d-system7-cms.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 150KB

BIN
public/images/work/d-szilasi.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 291KB

BIN
public/images/work/d-vk-kupongyar.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 154KB

BIN
public/images/work/d-vk.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 219KB

BIN
public/images/work/d-vke-allati.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 148KB

BIN
public/images/work/d-vke.jpg View File

Before After
Width: 1920  |  Height: 1080  |  Size: 220KB

BIN
public/mstile-150x150.png View File

Before After
Width: 270  |  Height: 270  |  Size: 1.9KB

+ 1
- 0
public/safari-pinned-tab.svg View File

@@ -0,0 +1 @@
<svg version="1" xmlns="http://www.w3.org/2000/svg" width="2349.333" height="2349.333" viewBox="0 0 1762.000000 1762.000000"><path d="M1303 434.8c-8.2 2.8-11.1 4.5-20.7 12.5-4.9 4.1-11 8.8-13.6 10.6-7.3 5-23.9 12.6-36.1 16.6-13.6 4.4-23.7 6.1-44.6 7.5-24 1.6-33.5 2.7-52.7 6.6-20.4 4-26.8 4.2-39.3 1-21.7-5.7-56.1-7.1-77.3-3.2-29.9 5.5-59.4 21.2-90.1 48-9.8 8.5-27 17.9-44.2 24.2-18.2 6.6-66.5 15-79.9 13.9-24.1-2-49.3-6.6-111.7-20.5-56.3-12.6-72.5-16.1-93.8-20.4-59.2-11.8-89.4-15.6-123-15.7-23.9 0-33.4 1.4-47.9 6.7-39.7 14.8-68 33.6-107.6 71.3-9.9 9.5-21.8 20.2-26.4 23.9-4.7 3.7-11.9 9.7-16.1 13.4-17.4 15-43.6 46.3-71.8 85.7l-11 15.4 5.6 3.4c12.5 7.5 18.3 16.1 19 28.3.5 8.7-.9 16.4-4.2 23.5l-2.3 5 3.3 28.5c3.2 27.9 5.1 42.4 13.4 101.5 4.7 33.2 6.9 55.6 7 70 0 5.5-1.3 21.7-3 36-1.6 14.3-3.6 34.3-4.5 44.5-5.3 62.3-10.2 95.8-15.5 108.1-3.8 8.5-5.4 19.1-4.5 29.4 1.7 20.9 6.8 46.7 12.1 61.8 3.1 8.7 11 23.3 16.5 30.6 2.2 2.9 3.9 5.4 3.7 5.6-.2.2-7.3 1.3-15.8 2.5-31.4 4.4-86.3 14.3-94.5 17-3.8 1.2 57.6.6 193-2 55-1.1 127.7-2.4 161.5-3 33.8-.6 97.1-1.7 140.5-2.5 43.5-.8 102.9-1.9 132-2.5 29.2-.5 80.2-1.4 113.5-2 33.3-.6 94-1.7 135-2.5s102.2-1.9 136-2.5c33.8-.6 96.8-1.7 140-2.5s101.7-1.9 130-2.5c28.3-.5 69.3-1.2 91-1.5 50-.7 74.1-1.5 71.5-2.6-1.1-.4-9.9-1.2-19.5-1.8-9.6-.6-32.1-2.2-50-3.5-29.5-2.3-93.5-6.9-113.5-8.1-4.4-.3-24.9-1.6-45.5-3-20.6-1.3-43.3-2.7-50.5-3-7.1-.3-14.4-.8-16.1-1.1l-3.2-.4-1.7-11.3c-2-12.7-6.1-28-9.8-35.9-3.4-7.4-10.6-16.6-16.4-20.9-2.6-2-11.3-7.6-19.3-12.3-8.3-4.9-16.1-10.4-18.2-12.7-18-19.7-30.3-54.7-34.8-98.9-1.6-15.8-1.3-51.6.5-67.7 2.7-23.6 4.9-32.3 11.4-45.8 9.7-19.9 17.8-44.4 22.7-68.9 1.5-7.4 2.5-9.8 6-14.5 14.5-19.3 43-49 61.9-64.4 18.9-15.5 33.4-24.2 45.2-27.2 4.9-1.2 45.4-4.9 105.8-9.5 25-1.9 72.6-6.9 91-9.5 23.4-3.3 40.5-6.9 53.5-11.1l10.5-3.4 4.3-6.7c5.7-8.9 23.9-45.7 29.8-60.3 8.5-21.2 13.5-37 14.1-45 .5-7.1.4-7.7-2.1-10.7-5.5-6.5-18.7-13.6-50.6-27.2-33.3-14.2-43-19.1-43-21.5-.1-3.9-4.8-15.5-8.3-20.3-4.1-5.6-15-16.4-22.2-22.1-12.3-9.7-30-20.8-86.8-54.2-18.7-11-19.6-11.7-20.7-15.5-4.5-15.2-19.4-31.2-37.5-40.3-3.3-1.6-10.5-4.4-16-6.2-8.9-2.9-11.5-3.3-24-3.6-11.6-.4-14.9-.1-19.5 1.4zm-449.7 644.5c.4 1.2 1.4 7.8 2.3 14.7 2.3 17.5 1.4 46.6-2 68.5-2.7 17.5-8.4 43.4-11.1 50.5-.9 2.5-2.3 6.7-3.1 9.5-2.7 9 .1 22.2 7.7 36.3 2.1 4.1 3.9 7.5 3.9 7.6 0 .2-9.8.6-21.7 1-12 .4-46.5 1.6-76.8 2.7-71.9 2.5-63.8 2.8-66.1-2.3-4.6-10.3-16.9-18.2-40.6-26.2-18.8-6.4-19.6-6.8-20.3-11.8-1.6-10.9 5.2-29.8 24.4-68.2l12.6-25.1 7.5-.3c60.5-2 127.5-22.4 171.5-52.2 5.5-3.7 10.3-6.8 10.6-6.9.4 0 .9.9 1.2 2.2zm-377.4 125.2c1.7 7.1 4.6 19.1 6.5 26.5 4.3 16.3 4.6 24.2 1.2 34.5l-2.3 7-.8-3.5c-1.3-6-6.4-17.9-10-23.6-4.5-6.9-26.5-29.6-37-38.1-4.4-3.5-10.6-7.9-13.7-9.6-3.2-1.8-5.7-3.5-5.5-3.8.1-.4 4.9-4.1 10.7-8.4 5.9-4.4 17.1-14.5 25.5-23l14.9-15.1 3.8 22.1c2 12.1 5.1 27.8 6.7 35zm555.1-16.9c2.2 3.9 4.7 9.1 5.5 11.4l1.5 4.2-2.8-1.7c-6.2-4-9.1-6.7-12.1-11.2-3.9-5.8-7.1-16-7.1-22.2l.1-4.6 5.5 8.5c3 4.7 7.3 11.7 9.4 15.6z"/></svg>

+ 19
- 0
public/site.webmanifest View File

@@ -0,0 +1,19 @@
{
"name": "SplendidBear",
"short_name": "SplendidBear",
"icons": [
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}

+ 10
- 0
templates/base.html.twig View File

@@ -6,6 +6,16 @@
<meta name="author" content="https://www.laszlolang.com"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="description" content="It is our choices that define us."/>
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon-16x16.png') }}">
{#<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />#}
<link rel="manifest" href="{{ asset('site.webmanifest') }}">
<link rel="mask-icon" href="{{ asset('safari-pinned-tab.svg') }}" color="#4993a8">
<meta name="apple-mobile-web-app-title" content="SplendidBear">
<meta name="application-name" content="SplendidBear">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="theme-color" content="#ffffff">
<title>{% block title %}Welcome!{% endblock %}</title>
{% block stylesheets %}{% endblock %}
</head>


+ 452
- 0
templates/default/index.html.twig View File

@@ -3,10 +3,462 @@
{% block title %}SplendidBear Websites{% endblock %}

{% block body %}
<section id="main-section"
class="fdb-block fdb-viewport"
data-block-type="call_to_action" data-id="1" draggable="true">
<div class="container align-items-center justify-content-center d-flex">
<div class="row align-items-center text-left">
<div class="col-6 bear">
<img src="{{ asset('images/bear-2.png') }}" alt="SplendidBear logo" border="0">
</div>
<div class="col-12 col-sm-12 col-lg-6 bear-small">
<img src="{{ asset('images/system7-Bear@250.png') }}" alt="SplendidBear logo" border="0"
width="100">
<h1>We make websites</h1>
<div class="text-h3">
We design and create websites. We help You from the design of graphics to deploy
to your production server.
<br>
<br>
This site is under construction yet. :)
</div>
<div class="mt-5">
<a href="#references" class="btn btn-shadow">References</a>
<a href="#contact" class="btn btn-white btn-shadow ml-4">Contact</a>
</div>
</div>
</div>
</div>
<section id="references">
<div class="owl-carousel owl-theme">
<div>
<img src="{{ asset('images/work/d-albamedical.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-andreabakos.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-atlaszbeton.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-bambino.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-bulihotel.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-buscopan.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-bynight.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-calltivation.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-cemetery-alsocsinger.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-choco.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-csaszar.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-cukinet.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-dayang.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-djblade.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-dunarama.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-fallball-eu.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-farbe.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-feliratok.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-greensmoke.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-gs-christmas.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-gs-valentine.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-hummel.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-iw-almaink-sportja.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-iw-cserfalvi.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-iw-hungaria.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-iw-pestiekszer.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-iw-vileda.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-iw-vp-handball.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-iw-vp-handball-fans.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-kopogtato.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-laszlolang.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-matruelle.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-pharmaton-kod.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-pharmaton-rejtely.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-pharmaton-vital.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-pt-bbsz.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-pt-bbsz-s2.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-pt-hostels.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-pt-hostelshungary.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-pt-kormanyhivatalok.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-pt-marko.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-pt-olcsoutazasok.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-pt-pann-tura.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-pt-tauplitzerhof.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-qecc.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-slokat.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-system7-cms.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-szilasi.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-vk.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-vk-kupongyar.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-vke.jpg') }}" alt="" border="0">
</div>
<div>
<img src="{{ asset('images/work/d-vke-allati.jpg') }}" alt="" border="0">
</div>

</div>
</section>
</section>
<section class="fdb-block pt-5" data-block-type="features" data-id="1" draggable="true" id="features">
<div class="container">
<div class="row text-left mt-5 references">
<div class="col-12 col-md-4 mt-5">
<div class="row">
<div class="col-3">
<div class="img-fluid">
<i class="fas fa-user-circle"></i>
</div>
</div>
<div class="col-9">
<h3><strong>Portfolio</strong></h3>
<p>Far far away, behind the word mountains, far from the countries</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 pt-4 pt-md-0 mt-5">
<div class="row">
<div class="col-3">
<div class="img-fluid">
<i class="fas fa-shopping-basket"></i>
</div>
</div>
<div class="col-9">
<h3><strong>Webshop</strong></h3>
<p>Separated they live in Bookmarksgrove right at the coast</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 pt-4 pt-md-0 mt-5">
<div class="row">
<div class="col-3">
<div class="img-fluid">
<i class="fas fa-mobile-alt"></i>
</div>
</div>
<div class="col-9">
<h3><strong>Mobile API</strong></h3>
<p>A small river named Duden flows by their place and supplies it</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 mt-5">
<div class="row">
<div class="col-3">
<div class="img-fluid">
<i class="fas fa-database"></i>
</div>
</div>
<div class="col-9">
<h3><strong>Administration databases</strong></h3>
<p>Far far away, behind the word mountains, far from the countries</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 pt-4 pt-md-0 mt-5">
<div class="row">
<div class="col-3">
<div class="img-fluid">
<i class="fas fa-server"></i>
</div>
</div>
<div class="col-9">
<h3><strong>Hosting</strong></h3>
<p>Separated they live in Bookmarksgrove right at the coast</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 pt-4 pt-md-0 mt-5">
<div class="row">
<div class="col-3">
<div class="img-fluid">
<i class="fas fa-images"></i>
</div>
</div>
<div class="col-9">
<h3><strong>Graphics design</strong></h3>
<p>A small river named Duden flows by their place and supplies it</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fdb-block fdb-image-bg gitea"
data-block-type="contents" data-id="1" draggable="true">
<div class="container">
<div class="row text-left">
<div class="col-12 col-md-8 col-lg-6 ml-sm-auto">
<div class="fdb-box fdb-touch bg-dark">
<div class="row justify-content-center">
<div class="col-12 col-xl-10 text-center">
<h1>Follow Your project</h1>
<div class="text-h3">
You would never ask "How is the project going?" - There are no lost informations
about the tasks or issues. <br>
We have a self-hosted Gitea system. It is similar to the Github.
</div>
<div class="text-h3 mt-4">
<a href="https://gitea.splendidbear.org/SplendidBear/SplendidBearWebsites"
target="_blank"
class="btn btn-round">
Check demo project out
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fdb-block fp-active bg-gray techs" data-block-type="call_to_action" data-id="2" draggable="true">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-8 col-lg-6 text-center">
<h1>Used technologies</h1>
<p class="text-h3">
We are using the technologies above as a professional
</p>
</div>
</div>
<div class="row pt-5 pb-3">
<div class="col-12 text-center">
<a href="https://www.debian.org/"
target="_blank"
class="ml-3 mr-3 mb-2 mt-2">
<img alt="image" height="75"
src="{{ asset('images/techs/debian.png') }}">
</a>
<a href="https://gitea.io/en-us/"
target="_blank">
<img alt="image" height="75" class="ml-3 mr-3 mb-2 mt-2"
src="{{ asset('images/techs/gitea.png') }}">
</a>
<a href="https://nextcloud.com/"
target="_blank">
<img alt="image" height="75" class="ml-3 mr-3 mb-2 mt-2 "
src="{{ asset('images/techs/nextcloud.png') }}">
</a>
<a href="https://www.onlyoffice.com/"
target="_blank">
<img alt="image" height="75" class="ml-3 mr-3 mb-2 mt-2 onlyoffice"
src="{{ asset('images/techs/onlyoffice.jpg') }}">
</a>
<a href="https://symfony.com/"
target="_blank">
<img alt="image" height="75" class="ml-3 mr-3 mb-2 mt-2"
src="{{ asset('images/techs/symfony.svg') }}">
</a>
<a href="https://angular.io/"
target="_blank">
<img alt="image" height="75" class="ml-3 mr-3 mb-2 mt-2"
src="{{ asset('images/techs/angular.png') }}">
</a>
<a href="https://mariadb.org/"
target="_blank">
<img alt="image" height="75" class="ml-3 mr-3 mb-2 mt-2"
src="{{ asset('images/techs/mariadb.svg') }}">
</a>
<a href="https://www.postgresql.org/"
target="_blank">
<img alt="image" height="75" class="ml-3 mr-3 mb-2 mt-2"
src="{{ asset('images/techs/postgresql.png') }}">
</a>
</div>
</div>
</div>
</section>
<section class="fdb-block pt-0" data-block-type="contacts" data-id="2" draggable="true">
<div class="container-fluid p-0 pb-md-5">
<iframe class="map"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2695.675408317462!2d19.05534971640721!3d47.49623637917766!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4741dc422f0bfc5b%3A0x2339fb29098213f3!2sBudapest%2C+K%C3%A1roly+krt.!5e0!3m2!1sen!2shu!4v1534690854914"
width="100%" height="300" frameborder="0" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="container">
<div class="row mt-5">
<div class="col-12 col-md-6 col-lg-5">
<h2>Contact Us</h2>
<p class="text-h3">
If you need a website, a webshop, a portfolio, an online CV, you just want to change your
homepage's design or anything else on this subject, tell us!
</p>

<p class="text-h3">
I can help you or I can give advice. Later, if you trust me, I will make your site.
</p>
</div>
<div class="col-12 col-md-6 ml-auto pt-5 pt-md-0">
<div class="text-h3 mb-2">
<strong>Emails</strong>
<ul class="list-group">
<li class="list-group-item">
<a href="mailto:langlasz@gmail.com">langlasz@gmail.com</a>
</li>
<li class="list-group-item">
<a href="mailto:laszlo.lang@outlook.com">laszlo.lang@outlook.com</a>
</li>
</ul>
</div>
<div class="text-h3 mb-2">
<strong>Phone</strong>
<ul class="list-group">
<li class="list-group-item">
<a href="tel:+36702811490">+36 (70) 281 1490</a>
</li>
</ul>
</div>
<div class="text-h3 mb-2">
<strong>Websites</strong>
<ul class="list-group">
<li class="list-group-item">
<a href="https://www.splendidbear.org" target="_blank">www.splendidbear.org</a>
</li>
<li class="list-group-item">
<a href="https://www.laszlolang.com" target="_blank">www.laszlolang.com</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<footer class="fdb-block footer-large bg-dark" data-block-type="footers" data-id="1" id="contact">
<div class="container">
<div class="row text-center">
<div class="col">
<img src="{{ asset('images/bear-3@1000.png') }}" alt="SplendidBear" border="0" width="150">
<h3>SplendidBear Websites</h3>
</div>
</div>
<div class="row mt-4">
<div class="col text-center">
<p class="text-h3">
<a href="https://www.linkedin.com/in/laszlosandorlang/"
target="_blank">
<i class="fab fa-linkedin" aria-hidden="true"></i>
</a>
&nbsp; &nbsp;
<a href="https://twitter.com/system7_"
target="_blank">
<i class="fab fa-twitter" aria-hidden="true"></i>
</a>
&nbsp; &nbsp;
<a href="https://www.laszlolang.com"
target="_blank">
<i class="far fa-window-restore" aria-hidden="true"></i>
</a>
&nbsp; &nbsp;
<a href="https://stackoverflow.com/users/3111514/system7"
target="_blank">
<i class="fab fa-stack-overflow" aria-hidden="true"></i>
</a>
&nbsp; &nbsp;
<a href="https://github.com/7system7"
target="_blank">
<i class="fab fa-github" aria-hidden="true"></i>
</a>
</p>
</div>
</div>
</div>
</footer>
{% endblock %}

{% block stylesheets %}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css"
integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<link rel="stylesheet" media="screen" href="{{ asset('build/style.css') }}">
{% endblock %}



+ 2
- 0
webpack.config.js View File

@@ -58,4 +58,6 @@ Encore
//.enableTypeScriptLoader()
;

// module.noParse = "/node_modules\\/json-schema\\/lib\\/validate\\.js/";

module.exports = Encore.getWebpackConfig();

+ 42
- 2
yarn.lock View File

@@ -867,6 +867,10 @@ boolbase@~1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"

bootstrap@^4.0.0-beta.2, bootstrap@^4.1.3:
version "4.1.3"
resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.1.3.tgz#0eb371af2c8448e8c210411d0cb824a6409a12be"

brace-expansion@^1.1.7:
version "1.1.11"
resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -2175,6 +2179,15 @@ friendly-errors-webpack-plugin@^1.6.1:
error-stack-parser "^2.0.0"
string-width "^2.0.0"

froala-design-blocks@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/froala-design-blocks/-/froala-design-blocks-1.0.2.tgz#11afa90abe00df99b250941d1e2cd1fb1a7b635d"
dependencies:
bootstrap "^4.0.0-beta.2"
jquery "^3.0.0"
popper.js "^1.11.0"
vinyl-paths "^2.1.0"

fs-extra@^2.0.0:
version "2.1.2"
resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-2.1.2.tgz#046c70163cef9aad46b0e4a7fa467fb22d71de35"
@@ -2873,6 +2886,10 @@ isstream@~0.1.2:
version "0.1.2"
resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"

jquery@>=1.8.3, jquery@^3.0.0:
version "3.3.1"
resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.3.1.tgz#958ce29e81c9790f31be7792df5d4d95fc57fbca"

js-base64@^2.1.8, js-base64@^2.1.9:
version "2.4.8"
resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.4.8.tgz#57a9b130888f956834aa40c5b165ba59c758f033"
@@ -3710,6 +3727,12 @@ osenv@0, osenv@^0.1.4:
os-homedir "^1.0.0"
os-tmpdir "^1.0.0"

owl.carousel@^2.3.4:
version "2.3.4"
resolved "https://registry.yarnpkg.com/owl.carousel/-/owl.carousel-2.3.4.tgz#6c53dc8d24304b790e4f27a1dc4a655e973ccdc9"
dependencies:
jquery ">=1.8.3"

p-finally@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
@@ -3870,6 +3893,10 @@ pkg-up@^1.0.0:
dependencies:
find-up "^1.0.0"

popper.js@^1.11.0, popper.js@^1.14.4:
version "1.14.4"
resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.14.4.tgz#8eec1d8ff02a5a3a152dd43414a15c7b79fd69b6"

portfinder@^1.0.9:
version "1.0.16"
resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.16.tgz#a6a68be9c352bc66c1a4c17a261f661f3facaf52"
@@ -4332,7 +4359,7 @@ readable-stream@1.0:
isarray "0.0.1"
string_decoder "~0.10.x"

readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.2.9, readable-stream@^2.3.3, readable-stream@^2.3.6:
readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.9, readable-stream@^2.3.3, readable-stream@^2.3.6:
version "2.3.6"
resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.6.tgz#b11c27d88b8ff1fbe070643cf94b0c79ae1b0aaf"
dependencies:
@@ -5124,6 +5151,13 @@ tar@^4:
safe-buffer "^5.1.2"
yallist "^3.0.2"

through2@^2.0.0:
version "2.0.3"
resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.3.tgz#0004569b37c7c74ba39c43f3ced78d1ad94140be"
dependencies:
readable-stream "^2.1.5"
xtend "~4.0.1"

thunky@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.0.2.tgz#a862e018e3fb1ea2ec3fce5d55605cf57f247371"
@@ -5352,6 +5386,12 @@ verror@1.10.0:
core-util-is "1.0.2"
extsprintf "^1.2.0"

vinyl-paths@^2.1.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/vinyl-paths/-/vinyl-paths-2.1.0.tgz#00820437cba38262cef8802d840f93e3392ee44b"
dependencies:
through2 "^2.0.0"

vm-browserify@0.0.4:
version "0.0.4"
resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-0.0.4.tgz#5d7ea45bbef9e4a6ff65f95438e0a87c357d5a73"
@@ -5516,7 +5556,7 @@ wrappy@1:
version "1.0.2"
resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"

xtend@^4.0.0:
xtend@^4.0.0, xtend@~4.0.1:
version "4.0.1"
resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"



Loading…
Cancel
Save