diff --git a/assets/css/color-theme-blue.css b/assets/css/color-theme-blue.css
index 0ceb59c..b6bed22 100644
--- a/assets/css/color-theme-blue.css
+++ b/assets/css/color-theme-blue.css
@@ -3,7 +3,7 @@
* @Date: Thursday, June 16th 2022, 6:49:10 pm
* @Filename: color-themes.css
* @Last modified by:
- * @Last modified time: Saturday, November 18th 2023, 10:35:57 pm
+ * @Last modified time: Monday, November 20th 2023, 2:39:25 pm
*/
/*done up to line 1980*/
@@ -23,7 +23,7 @@
--color-action-primary: #27559B; /* #3069C0 #3370cc // #1f4e93 #0047b3 #272778 z.B. button, focus in form, links etc.;#3f8cb4 #204578 rgba(79, 127, 248, 1); */
--color-action-lighter: #3069C0; /* #477ed1 // #0066ff #6c94f9 pagination */
- --color-action-light: #99b7e5; /*or #85a9e0*/
+ --color-action-light: #AEC3EA; /* for AAA: #DBE6F5, b4: #99b7e5 or #85a9e0*/
--color-action-darker: #214883; /* #255193 #2859a3 // #2d64b7; old: #3b70f7 pagination */
--color-action-hover: rgba(51, 112, 204, 0.05); /* rgba(245, 106, 106, 0.05) button hover - lighter version of primary action color (most alpha) */
diff --git a/assets/css/main.css b/assets/css/main.css
index d0139bb..aa125fe 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -8,8 +8,8 @@ Adapted by xebobytes
* @Date: Thursday, April 28th 2022, 4:26:16 pm
* @Filename: main.css
- * @Last modified by:
- * @Last modified time: Sunday, November 19th 2023, 6:58:26 pm
+ * @Last modified by:
+ * @Last modified time: Monday, November 20th 2023, 10:27:59 pm
*/
@@ -261,8 +261,8 @@ hr.major {
.align-right {
text-align: right; }
+/*
.hidden {
- /*transform: scale(0);*/
position: absolute;
left: -999px;
}
@@ -270,6 +270,66 @@ hr.major {
position: inherit;
left: inherit;
}
+*/
+
+.visually-hidden{
+ position: absolute;
+ height: 1px;
+ width: 1px;
+ overflow: hidden;
+ white-space: nowrap;
+ clip: rect(0 0 0 0);
+ clip-path: inset(50%);
+ -webkit-clip-path: inset(50%);
+}
+
+/* could make visually-hidden appear if focus/active
+.visually-hidden:focus, .visually-hidden:active{
+ position: inherit;
+ height: auto;
+ width: auto;
+ overflow: auto;
+ white-space: normal;
+ clip: inherit;
+ clip-path: inherit;
+ -webkit-clip-path: inherit;
+ border: 2px solid var(--color-action-primary);
+ background: var(--color-background-secondary);
+ color: var(--color-foreground-primary);
+ padding: .5rem .75rem;
+}
+
+a:active span.visually-hidden{
+ position: inherit;
+ height: auto;
+ width: auto;
+ overflow: auto;
+ white-space: normal;
+ clip: inherit;
+ clip-path: inherit;
+ -webkit-clip-path: inherit;
+ background: var(--color-background-secondary);
+ color: var(--color-foreground-primary);
+ padding: .5rem .75rem;
+}
+*/
+
+.skip-link:not(:active):not(:focus) {
+ top: -4rem;
+}
+.skip-link {
+ /* style when element has focus */
+ border: 2px solid var(--color-action-primary);
+ background: var(--color-background-secondary);
+ color: var(--color-action-primary);
+ padding: .25rem .5rem;
+ transition: top .25s ease-in;
+ position: absolute;
+ top: 1rem;
+ /*width: auto;
+ height: auto;
+ z-index: 1;*/
+ }
/* Row, responsive, with all margin possibilities*/
@@ -1214,8 +1274,15 @@ input[type="radio"] {
}
input[type="checkbox"] + label.checkbtn::before{
/* display: none;*/
+ /*position: absolute;
+ left: -999px;*/
position: absolute;
- left: -999px;
+ height: 1px;
+ width: 1px;
+ overflow: hidden;
+ white-space: nowrap;
+ clip: rect(0 0 0 0);
+ clip-path: inset(50%);
}
input[type="checkbox"] + label:before {
@@ -1277,9 +1344,17 @@ input[type="radio"] + label:before {
font-family: 'Font Awesome 5 Free';
font-weight: 400; }
.icon > .label {
- /*display: none;*/
+ /*display: none;*/
+ /*position: absolute;
+ left: -999px;*/
position: absolute;
- left: -999px;}
+ height: 1px;
+ width: 1px;
+ overflow: hidden;
+ white-space: nowrap;
+ clip: rect(0 0 0 0);
+ clip-path: inset(50%);
+ }
.icon:before {
line-height: inherit; }
.icon.solid:before {
@@ -2172,8 +2247,15 @@ nav {
}
#nav-check {
/*display: none;*/
+ /*position: absolute;
+ left: -999px;*/
position: absolute;
- left: -999px;
+ height: 1px;
+ width: 1px;
+ overflow: hidden;
+ white-space: nowrap;
+ clip: rect(0 0 0 0);
+ clip-path: inset(50%);
}
.closing {
transform: scale(0);
diff --git a/curriculum-vitae.html b/curriculum-vitae.html
index ba11bdf..ac5e626 100644
--- a/curriculum-vitae.html
+++ b/curriculum-vitae.html
@@ -12,7 +12,7 @@
-
+
@@ -28,7 +28,7 @@
-
+