ivuorinen/emoji
1
0
Fork 0
mirror of https://github.com/ivuorinen/emoji.git synced 2026-03-18 15:01:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Test css grid based listing

Browse Source
This commit is contained in:
Ismo Vuorinen
2022-08-17 10:33:10 +03:00
parent 1d38f75499
commit 2c7b0a2700
3 changed files with 1214 additions and 1660 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
.gitattributes vendored Normal file
View File

@@ -0,0 +1,20 @@
* text=auto
*.md text diff=markdown
*.php text diff=php
.gitattributes export-ignore
.gitignore export-ignore
# Graphics
*.gif binary
*.gifv binary
*.jpg binary
*.jpeg binary
*.png binary
# SVG treated as an asset (binary) by default.
*.svg text
*.svgz binary
*.tif binary
*.tiff binary
*.wbmp binary
*.webp binary

2828
README.md
View File

File diff suppressed because it is too large Load Diff

26
_create-listing.php
View File

@@ -35,30 +35,34 @@ foreach ( $files as $file ) {
$contents = "# Emotes\n\n"; $contents = "# Emotes\n\n";
$contents .= sprintf(
"Listing of %d emojis last refreshed: %s",
count($files),
date('c')
) . "\n\n";
$contents .= "<!-- markdownlint-disable-file MD033 -->\n";
foreach ( $listing as $header => $icons ) { foreach ( $listing as $header => $icons ) {
$contents .= sprintf( "## %s\n\n", $header ); $contents .= sprintf( "\n## %s\n\n", $header );
$chunks = array_chunk( $icons, $per_row ); $chunks = array_chunk( $icons, $per_row );
$contents .= '<table style="text-align: center;width: 100%">' . "\n"; $contents .= '<div style="text-align: center;display:grid;grid-template-columns: repeat(5, 1fr);grid-template-rows: minmax(70px, auto);">' . "\n";
foreach ( $chunks as $chunk_icons ) { foreach ( $chunks as $chunk_icons ) {
$contents .= "<tr>\n";
foreach ( $chunk_icons as $icon ) { foreach ( $chunk_icons as $icon ) {
$file = $icon; $file = $icon;
[ $name, $ext ] = explode( '.', get_basename($icon), 2 ); [ $name, $ext ] = explode( '.', get_basename($icon), 2 );
$format = '<td style=\'width: %s\'><img width=\'30\' src="%2$s" alt="%2$s"><br><kbd>:%3$s:</kbd></td>'; $format = '<div style=\'border:1px solid #eee;padding:.5rem\'>'
$contents .= sprintf( $format, $per_row_width, $file, $name ) . "\n"; . '<img width=\'30\' src="%1$s" alt="%1$s"><br>'
. '<kbd style=\'display:inline-block;max-width: 15vw;white-space: nowrap;overflow:auto\'>%2$s</kbd></div>';
$contents .= sprintf( $format, $file, $name ) . "\n";
} }
$contents .= "</tr>\n";
} }
$contents .= "</table>\n\n"; $contents .= "</div>\n";
} }
$contents .= "\n\n Generated: " . date('c');
file_put_contents( $output, $contents ); file_put_contents( $output, $contents );