perso/WEBSITE_hugulumu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: perso:old_css
Branches Tags
perso:master perso:cv_dev_content perso:language_by_sections perso:language perso:chrome_version perso:old_css perso:project_content perso:new_layout perso:mouses_in_css perso:new_banner perso:simple_html perso:ascii_css perso:html_framework
..
compare: perso:chrome_version
Branches Tags
perso:master perso:cv_dev_content perso:language_by_sections perso:language perso:chrome_version perso:old_css perso:project_content perso:new_layout perso:mouses_in_css perso:new_banner perso:simple_html perso:ascii_css perso:html_framework

2 Commits
old_css ... chrome_ver

Author SHA1 Message Date
asus
e21e5b8938 changed svg files to work with older browsers for the pre white-space, using old xml:space instead 2024-05-27 15:42:56 +02:00
asus
680c5808a3 added break word on all letters for links 2024-05-27 14:23:09 +02:00
8 changed files with 86 additions and 69 deletions
Expand all files Collapse all files

10
docs/banners/banner_0.svg
View File

@@ -16,14 +16,16 @@
font-size: 1.5rem; font-size: 1.5rem;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
white-space: pre; /*
* dont work in chrome so use 'tspan' with 'dy' and 'xml:space'
*
line-height: 0.8; line-height: 0.8;
white-space: pre;
*/
} }
</style> </style>
</defs> </defs>
<text x="0" y="0"> <text x="0" y="0">
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
</text> </text>
<!-- Other SVG elements and attributes -->
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

12
docs/banners/banner_00.svg
View File

@@ -16,15 +16,17 @@
font-size: 1.5rem; font-size: 1.5rem;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
white-space: pre; /*
* dont work in chrome so use 'tspan' with 'dy' and 'xml:space'
*
line-height: 0.8; line-height: 0.8;
white-space: pre;
*/
} }
</style> </style>
</defs> </defs>
<text x="0" y="0"> <text x="0" y="0">
  <tspan x="0" dy="0.8em" xml:space="preserve">  </tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
</text> </text>
<!-- Other SVG elements and attributes -->
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

14
docs/banners/banner_1.svg
View File

@@ -16,16 +16,18 @@
font-size: 1.5rem; font-size: 1.5rem;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
white-space: pre; /*
* dont work in chrome so use 'tspan' with 'dy' and 'xml:space'
*
line-height: 0.8; line-height: 0.8;
white-space: pre;
*/
} }
</style> </style>
</defs> </defs>
<text x="0" y="0"> <text x="0" y="0">
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
  <tspan x="0" dy="0.8em" xml:space="preserve">  </tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
</text> </text>
<!-- Other SVG elements and attributes -->
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

20
docs/banners/banner_2.svg
View File

@@ -16,19 +16,21 @@
font-size: 1.5rem; font-size: 1.5rem;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
white-space: pre; /*
* dont work in chrome so use 'tspan' with 'dy' and 'xml:space'
*
line-height: 0.8; line-height: 0.8;
white-space: pre;
*/
} }
</style> </style>
</defs> </defs>
<text x="0" y="0"> <text x="0" y="0">
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
  <tspan x="0" dy="0.8em" xml:space="preserve">  </tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
  <tspan x="0" dy="0.8em" xml:space="preserve">  </tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
</text> </text>
<!-- Other SVG elements and attributes -->
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 6.3 KiB

26
docs/banners/banner_3.svg
View File

@@ -16,22 +16,24 @@
font-size: 1.5rem; font-size: 1.5rem;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
white-space: pre; /*
* dont work in chrome so use 'tspan' with 'dy' and 'xml:space'
*
line-height: 0.8; line-height: 0.8;
white-space: pre;
*/
} }
</style> </style>
</defs> </defs>
<text x="0" y="0"> <text x="0" y="0">
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
  <tspan x="0" dy="0.8em" xml:space="preserve">  </tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
  <tspan x="0" dy="0.8em" xml:space="preserve">  </tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
  <tspan x="0" dy="0.8em" xml:space="preserve">  </tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
</text> </text>
<!-- Other SVG elements and attributes -->
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.0 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB

32
docs/banners/banner_4.svg
View File

@@ -16,25 +16,27 @@
font-size: 1.5rem; font-size: 1.5rem;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
white-space: pre; /*
* dont work in chrome so use 'tspan' with 'dy' and 'xml:space'
*
line-height: 0.8; line-height: 0.8;
white-space: pre;
*/
} }
</style> </style>
</defs> </defs>
<text x="0" y="0"> <text x="0" y="0">
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
  <tspan x="0" dy="0.8em" xml:space="preserve">  </tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
  <tspan x="0" dy="0.8em" xml:space="preserve">  </tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
  <tspan x="0" dy="0.8em" xml:space="preserve">  </tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
  <tspan x="0" dy="0.8em" xml:space="preserve">  </tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
</text> </text>
<!-- Other SVG elements and attributes -->
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.0 KiB

After

Width:  |  Height:  |  Size: 6.7 KiB

38
docs/banners/banner_5.svg
View File

@@ -16,28 +16,30 @@
font-size: 1.5rem; font-size: 1.5rem;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
white-space: pre; /*
* dont work in chrome so use 'tspan' with 'dy' and 'xml:space'
*
line-height: 0.8; line-height: 0.8;
white-space: pre;
*/
} }
</style> </style>
</defs> </defs>
<text x="0" y="0"> <text x="0" y="0">
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
  <tspan x="0" dy="0.8em" xml:space="preserve">  </tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
  <tspan x="0" dy="0.8em" xml:space="preserve">  </tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
  <tspan x="0" dy="0.8em" xml:space="preserve">  </tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
  <tspan x="0" dy="0.8em" xml:space="preserve">  </tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
  <tspan x="0" dy="0.8em" xml:space="preserve">  </tspan>
<tspan x="0" dy="0.8em" xml:space="preserve"></tspan>
</text> </text>
<!-- Other SVG elements and attributes -->
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.0 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB

3
styles/text.css
View File

@@ -55,3 +55,6 @@ h6 { margin: 10px 0px; font-size: 1.0rem; }
font-size: min(1.5vw, 0.7rem); font-size: min(1.5vw, 0.7rem);
} }
a {
word-break: break-all;
}