1
0
Fork 1

Add some initial CSS

pull/1/head
mdPlusPlus 1 year ago
parent 620c1d20c8
commit 814fbd5163

@ -575,7 +575,7 @@
" <td>" . $id . "</td>" . PHP_EOL .
" <td>" . $content["name"] . "</td>" . PHP_EOL .
" <td>" . $content["description"] . "</td>" . PHP_EOL .
" <td>" . $content["active_users"] . "</td>" . PHP_EOL .
" <td class=\"td_users\">" . $content["active_users"] . "</td>" . PHP_EOL .
" <td><a href=\"" . $preview_link . "\">" . $preview_link . "</a></td>" . PHP_EOL .
" <td>" . substr($join_link, 0, 32) . "...<button>Copy</button></td>" . PHP_EOL .
" </tr>" . PHP_EOL;
@ -584,14 +584,14 @@
// prefix
$prefix =
"<table>" . PHP_EOL .
"<table id=\"tbl_communities\">" . PHP_EOL .
" <tr>" . PHP_EOL .
" <th>Identifier</th>" . PHP_EOL .
" <th>Name</th>" . PHP_EOL .
" <th>Description</th>" . PHP_EOL .
" <th>Users</th>" . PHP_EOL .
" <th>Preview</th>" . PHP_EOL .
" <th>Join URL</th>" . PHP_EOL .
" <th id=\"th_identifier\">Identifier</th>" . PHP_EOL .
" <th id=\"th_name\">Name</th>" . PHP_EOL .
" <th id=\"th_description\">Description</th>" . PHP_EOL .
" <th id=\"th_users\">Users</th>" . PHP_EOL .
" <th id=\"th_preview\">Preview</th>" . PHP_EOL .
" <th id=\"th_join_url\">Join URL</th>" . PHP_EOL .
" </tr>" . PHP_EOL;
// suffix
@ -620,7 +620,8 @@
"<!DOCTYPE html>" . PHP_EOL .
"<html lang=\"en\">" . PHP_EOL .
" <head>" . PHP_EOL .
" <link rel=\"stylesheet\" href=\"styles.css\" />" . PHP_EOL .
" <link rel=\"icon\" type=\"image/svg+xml\" href=\"favicon.svg\" sizes=\"any\">" . PHP_EOL .
" <link rel=\"stylesheet\" href=\"styles.css\">" . PHP_EOL .
" <script src=\"script.js\" defer></script>" . PHP_EOL .
" <title>" . $title . "</title>" . PHP_EOL .
" </head>" . PHP_EOL .

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 303.06 336.3" style="enable-background:new 0 0 303.06 336.3;" xml:space="preserve">
<style type="text/css">
.st0{fill:#00F782;}
</style>
<path class="st0" d="M255.67,170.86l-63.48-35.17h43.03c37.41,0,67.85-30.43,67.85-67.84S272.63,0,235.22,0H85C38.13,0,0,38.13,0,85
c0,33.42,18.16,64.25,47.4,80.45l63.48,35.17H67.85C30.44,200.62,0,231.05,0,268.46s30.44,67.85,67.85,67.85h150.22
c46.87,0,85-38.13,85-85C303.06,217.88,284.9,187.06,255.67,170.86z M57.58,147.05c-22.06-12.22-35.95-35.25-36.54-60.39
C20.19,50.57,50.5,21.02,86.61,21.02h147.25c25.18,0,46.88,19.31,48.12,44.46c1.33,26.88-20.16,49.18-46.76,49.18
c0,0-60.99,0.01-84.81,0.01c-5.19,0-9.37,4.21-9.38,9.39l-0.02,69.22L57.58,147.05z M216.46,315.28H69.2
c-25.18,0-46.88-19.31-48.12-44.46c-1.33-26.88,20.16-49.18,46.76-49.18h84.81c5.19,0,9.39-4.21,9.39-9.39v-69.23l83.44,46.23
c22.06,12.22,35.95,35.25,36.54,60.39C282.87,285.73,252.56,315.28,216.46,315.28z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

@ -0,0 +1,9 @@
#tbl_communities { width:100%; }
#th_identifier { width:11%; }
#th_name { width:11%; }
#th_description { }
#th_users { }
.td_users { text-align: right; }
#th_preview { width:20%; }
#th_join_url { width:19%; }