Mikescher/www.mikescher.com
1
0
Fork 0
Code Actions

missing ExtendedGitGraph files

Browse Source
This commit is contained in:
Mike Schwörer 2019-12-28 15:44:21 +01:00
parent b3560440bf
commit fcb0aa93a2
8 changed files with 140 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.idea/watcherTasks.xml generated
View File

@ -22,7 +22,7 @@
<envs />
</TaskOptions>
<TaskOptions isEnabled="true">
<option name="arguments" value="&quot;$ProjectFileDir$\data\css_compress\compress.py&quot; &quot;$FileDir$\styles.scss&quot; &quot;$FileDir$\styles.css&quot; &quot;$FileDir$\styles.min.css&quot;" />
<option name="arguments" value="&quot;$ProjectFileDir$/data/css_compress/compress.py&quot; &quot;$FileDir$/styles.scss&quot; &quot;$FileDir$/styles.css&quot; &quot;$FileDir$/styles.min.css&quot;" />
<option name="checkSyntaxErrors" value="true" />
<option name="description" />
<option name="exitCodeBehavior" value="ERROR" />

20
www/data/css/styles.css
View File

@ -782,6 +782,26 @@ html, body {
text-align: left;
}
.egg_col_x5_0 {
fill: #eeeeee;
}
.egg_col_x5_1 {
fill: #6bcdff;
}
.egg_col_x5_2 {
fill: #00a1f3;
}
.egg_col_x5_3 {
fill: #0079b7;
}
.egg_col_x5_4 {
fill: #003958;
}
/* 400px */
.admincontent {
display: block;

5
www/data/css/styles.min.css vendored
View File

@ -152,6 +152,11 @@ html,body{margin:0;padding:0;height:100%}
.about_circles{display:flex;flex-direction:column}
.about_circles a{margin:5px 0}
.about_circles .iconbutton_light span{text-align:left}
.egg_col_x5_0{fill:#eee}
.egg_col_x5_1{fill:#6bcdff}
.egg_col_x5_2{fill:#00a1f3}
.egg_col_x5_3{fill:#0079b7}
.egg_col_x5_4{fill:#003958}
.admincontent{display:block;width:100%}
.admincontent .boxedcontent{margin-bottom:20px}
.egh_ajaxOutput{display:flex;box-sizing:border-box;width:100%;align-self:center;margin-left:auto;margin-right:auto;resize:none;height:300px}

78
www/data/css/styles_about.scss
View File

@ -110,4 +110,82 @@
.iconbutton_light span {text-align: left;}
}
@if $CFG_EGG_THEME == 'standard'
{
// ==== STANDARD ====
.egg_col_x5_0 { fill: #ebedf0; }
.egg_col_x5_1 { fill: #c6e48b; }
.egg_col_x5_2 { fill: #7bc96f; }
.egg_col_x5_3 { fill: #239a3b; }
.egg_col_x5_4 { fill: #196127; }
}
@elseif $CFG_EGG_THEME == 'modern'
{
.egg_col_x5_0 { fill: #afaca8; }
.egg_col_x5_1 { fill: #d6e685; }
.egg_col_x5_2 { fill: #8cc665; }
.egg_col_x5_3 { fill: #44a340; }
.egg_col_x5_4 { fill: #1e6823; }
}
@elseif $CFG_EGG_THEME == 'gray'
{
.egg_col_x5_0 { fill: #eeeeee; }
.egg_col_x5_1 { fill: #bdbdbd; }
.egg_col_x5_2 { fill: #9e9e9e; }
.egg_col_x5_3 { fill: #616161; }
.egg_col_x5_4 { fill: #212121; }
}
@elseif $CFG_EGG_THEME == 'red'
{
.egg_col_x5_0 { fill: #eeeeee; }
.egg_col_x5_1 { fill: #ff7171; }
.egg_col_x5_2 { fill: #ff0000; }
.egg_col_x5_3 { fill: #b70000; }
.egg_col_x5_4 { fill: #830000; }
}
@elseif $CFG_EGG_THEME == 'blue'
{
.egg_col_x5_0 { fill: #eeeeee; }
.egg_col_x5_1 { fill: #6bcdff; }
.egg_col_x5_2 { fill: #00a1f3; }
.egg_col_x5_3 { fill: #0079b7; }
.egg_col_x5_4 { fill: #003958; }
}
@elseif $CFG_EGG_THEME == 'purple'
{
.egg_col_x5_0 { fill: #eeeeee; }
.egg_col_x5_1 { fill: #d2ace6; }
.egg_col_x5_2 { fill: #aa66cc; }
.egg_col_x5_3 { fill: #660099; }
.egg_col_x5_4 { fill: #4f2266; }
}
@elseif $CFG_EGG_THEME == 'orange'
{
.egg_col_x5_0 { fill: #eeeeee; }
.egg_col_x5_1 { fill: #ffcc80; }
.egg_col_x5_2 { fill: #ffa726; }
.egg_col_x5_3 { fill: #fb8c00; }
.egg_col_x5_4 { fill: #e65100; }
}
@elseif $CFG_EGG_THEME == 'halloween'
{
.egg_col_x5_0 { fill: #eeeeee; }
.egg_col_x5_1 { fill: #ffee4a; }
.egg_col_x5_2 { fill: #ffc501; }
.egg_col_x5_3 { fill: #fe9600; }
.egg_col_x5_4 { fill: #03001c; }
}
@elseif $CFG_EGG_THEME == 'custom'
{
.egg_col_x9_0 { fill: #F5F5F5; }
.egg_col_x9_1 { fill: #DBDEE0; }
.egg_col_x9_2 { fill: #C2C7CB; }
.egg_col_x9_3 { fill: #AAB0B7; }
.egg_col_x9_4 { fill: #9099A2; }
.egg_col_x9_5 { fill: #77828E; }
.egg_col_x9_6 { fill: #5E6B79; }
.egg_col_x9_7 { fill: #455464; }
.egg_col_x9_8 { fill: #2C3E50; }
}

5
www/data/css/styles_config.scss
View File

@ -1,3 +1,8 @@
$CFG_EGG_THEME: 'blue';
// ------------------------------------
$FONT_HEADER: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
$FONT_CODE: Consolas, Monaco, "Courier New", Menlo, monospace;
$FONT_DEFAULT: 'Times New Roman', serif;

57
www/data/javascript/egh.js
View File

@ -1,57 +0,0 @@
function formatDate(date) {
const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
const days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
let wday = days[date.getDay()];
let day = date.getDate();
let monthIndex = date.getMonth();
let year = date.getFullYear();
let suffix = 'th';
if (day === 1) suffix = 'st';
if (day === 2) suffix = 'nd';
if (day === 3) suffix = 'rd';
return wday + ' ' + day + suffix + ' ' + monthNames[monthIndex] + ', ' + year;
}
window.addEventListener("load",function ()
{
let svgtips = document.getElementsByClassName("svg-tip");
let rects = document.getElementsByClassName("egg_rect");
let masterTip = null;
for (let tip of svgtips)
{
tip.style.opacity = '1';
tip.style.display = 'none';
masterTip = tip;
}
let masterTipHeader = masterTip.getElementsByTagName('strong')[0];
let masterTipContent = masterTip.getElementsByTagName('span')[0];
for (let rect of rects)
{
rect.addEventListener("mouseenter", function(event)
{
let datesplit = event.target.getAttribute('data-date').split('-');
let count = event.target.getAttribute('data-count');
let date = new Date(Number(datesplit[0]), Number(datesplit[1])-1, Number(datesplit[2]));
masterTip.style.display = 'block';
masterTipHeader.innerHTML = count + ' commits';
masterTipContent.innerHTML = ' on ' + formatDate(date);
masterTip.style.left = (window.pageXOffset + event.target.getBoundingClientRect().left - masterTip.getBoundingClientRect().width /2 - 3.5 + 9) + 'px';
masterTip.style.top = (window.pageYOffset + event.target.getBoundingClientRect().top - masterTip.getBoundingClientRect().height -10) + 'px';
});
rect.addEventListener("mouseleave", function(event)
{
masterTip.style.display = 'none';
});
}
},false);

30
www/data/javascript/extendedgitgraph.js Normal file
View File

@ -0,0 +1,30 @@
"use strict";
var ExtendedGitGraph2;
(function (ExtendedGitGraph2) {
function initHover() {
const allsvgtips = Array.from(document.getElementsByClassName("svg-tip"));
if (allsvgtips.length == 0)
return;
const masterTip = allsvgtips[0];
masterTip.style.opacity = '1';
masterTip.style.display = 'none';
const masterTipHeader = masterTip.getElementsByTagName('strong')[0];
const masterTipContent = masterTip.getElementsByTagName('span')[0];
const rects = Array.from(document.getElementsByClassName("egg_rect"));
for (let rect of rects) {
rect.addEventListener("mouseenter", event => {
const target = event.target;
let count = target.getAttribute('data-count');
let date = target.getAttribute('data-date');
masterTip.style.display = 'block';
masterTipHeader.innerHTML = count + ' commits';
masterTipContent.innerHTML = ' on ' + date;
masterTip.style.left = (window.pageXOffset + target.getBoundingClientRect().left - masterTip.getBoundingClientRect().width / 2 - 3.5 + 9) + 'px';
masterTip.style.top = (window.pageYOffset + target.getBoundingClientRect().top - masterTip.getBoundingClientRect().height - 10) + 'px';
});
rect.addEventListener("mouseleave", _ => masterTip.style.display = 'none');
}
}
ExtendedGitGraph2.initHover = initHover;
})(ExtendedGitGraph2 || (ExtendedGitGraph2 = {}));
window.onload = () => { ExtendedGitGraph2.initHover(); };

2
www/pages/about.php
View File

@ -11,7 +11,7 @@ global $OPTIONS;
<link rel="icon" type="image/png" href="/data/images/favicon.png"/>
<link rel="canonical" href="https://www.mikescher.com/about"/>
<?php printHeaderCSS(); ?>
<?php includeAdditionalScript("/data/javascript/egh.js", 'defer', true) ?>
<?php includeAdditionalScript("/data/javascript/extendedgitgraph.js", 'defer', true) ?>
</head>
<body>
<div id="mastercontainer">