diff --git a/assets/css/style.css b/assets/css/style.css index 5e657ee..5691985 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -57,10 +57,6 @@ body { .container { max-width: 960px } - - .modal-lg { - max-width: 800px; - } } @media (min-width: 1200px) { @@ -196,6 +192,10 @@ body { } } +.mm-col { + margin-bottom: 0.2rem; +} + [tabindex="-1"]:focus { outline: 0 !important } @@ -249,7 +249,7 @@ a:hover { code { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - font-size: 87.5%; + font-size: 82%; color: #e83e8c; word-break: break-word } @@ -1534,4 +1534,10 @@ input:checked + .slider:before { .btn-bar-col { overflow-x: scroll } +} + +@media (min-width: 992px) { + .modal-lg { + max-width: 800px; + } } \ No newline at end of file diff --git a/class.php b/class.php index 36e1aa3..45e155d 100644 --- a/class.php +++ b/class.php @@ -656,7 +656,7 @@ class idlers extends helperFunctions $this->editDomainModal(); $this->outputString('
' . $data['ipv4'] . '
');
- $this->tagClose('div', 2);
-
- $this->rowColOpen('row m-row', 'col-4');
- $this->HTMLphrase('p', 'm-desc', 'IPv6');
$this->tagClose('div');
- $this->colOpen('col-8');
+ $this->colOpen('col-12 col-md-6 mm-col');
+ $this->HTMLphrase('p', 'm-desc', 'IPv6 ');
$this->outputString('' . $ipv6 . '
');
$this->tagClose('div', 2);
- $this->rowColOpen('row m-row', 'col-4');
- $this->HTMLphrase('p', 'm-desc', 'NS1');
- $this->tagClose('div');
- $this->colOpen('col-8');
+ $this->rowColOpen('row m-row', 'col-12 col-md-6 mm-col');
+ $this->HTMLphrase('p', 'm-desc', 'NS1 ');
$this->outputString('' . $data['ns1'] . '
');
- $this->tagClose('div', 2);
- $this->rowColOpen('row m-row', 'col-4');
- $this->HTMLphrase('p', 'm-desc', 'NS2');
$this->tagClose('div');
- $this->colOpen('col-8');
+ $this->colOpen('col-12 col-md-6 mm-col');
+ $this->HTMLphrase('p', 'm-desc', 'NS2 ');
$this->outputString('' . $data['ns2'] . '
');
$this->tagClose('div', 2);
- $this->rowColOpen('row m-row', 'col-4');
- $this->HTMLphrase('p', 'm-desc', 'SSH Port');
- $this->tagClose('div');
- $this->colOpen('col-8');
- $this->HTMLphrase('p', 'm-value', '' . $data['ssh_port'] . '
');
- $this->tagClose('div', 2);
-
- $this->rowColOpen('row m-row', 'col-4');
- $this->HTMLphrase('p', 'm-desc', 'Bandwidth');
- $this->tagClose('div');
- $this->colOpen('col-8');
- $this->HTMLphrase('p', 'm-value', '' . $data['bandwidth'] . '' . $data['bandwidth_type'] . '');
- $this->tagClose('div', 2);
-
- $this->rowColOpen('row m-row', 'col-4');
- $this->HTMLphrase('p', 'm-desc', 'Disk');
- $this->tagClose('div');
- $this->colOpen('col-8');
- $this->HTMLphrase('p', 'm-value', '' . $data['disk'] . '' . $data['disk_type'] . '');
- $this->tagClose('div', 2);
-
- $this->rowColOpen('row m-row', 'col-4');
- $this->HTMLphrase('p', 'm-desc', 'Location');
- $this->tagClose('div');
- $this->colOpen('col-8');
+ $this->rowColOpen('row m-row', 'col-12 col-md-6 mm-col');
+ $this->HTMLphrase('p', 'm-desc', 'Location ');
$this->HTMLphrase('p', 'm-value', $data['location']);
- $this->tagClose('div', 2);
-
- $this->rowColOpen('row m-row', 'col-4');
- $this->HTMLphrase('p', 'm-desc', 'Provider');
$this->tagClose('div');
- $this->colOpen('col-8');
+ $this->colOpen('col-12 col-md-6 mm-col');
+ $this->HTMLphrase('p', 'm-desc', 'Provider ');
$this->HTMLphrase('p', 'm-value', $data['provider']);
$this->tagClose('div', 2);
- $this->rowColOpen('row m-row', 'col-4');
- $this->HTMLphrase('p', 'm-desc', 'OS');
- $this->tagClose('div');
- $this->colOpen('col-8');
+ $this->rowColOpen('row m-row', 'col-12 col-md-6 mm-col');
+ $this->HTMLphrase('p', 'm-desc', 'OS ');
$this->HTMLphrase('p', 'm-value', $this->osIntToString($data['os']));
- $this->tagClose('div', 2);
-
- $this->rowColOpen('row m-row', 'col-4');
- $this->HTMLphrase('p', 'm-desc', 'Due in');
$this->tagClose('div');
- $this->colOpen('col-8');
+ $this->colOpen('col-12 col-md-6 mm-col');
+ $this->HTMLphrase('p', 'm-desc', 'Due in ');
$this->HTMLphrase('p', 'm-value', '' . $this->processDueDate($data['server_id'], $data['term'], $data['next_dd']) . 'days');
$this->tagClose('div', 2);
- $this->rowColOpen('row m-section-row', 'col-12 text-center');
- $this->HTMLphrase('p', 'm-section-text', 'CPU');
+ $this->rowColOpen('row m-row', 'col-12 col-md-6 mm-col');
+ $this->HTMLphrase('p', 'm-desc', 'Bandwidth ');
+ $this->HTMLphrase('p', 'm-value', '' . $data['bandwidth'] . '' . $data['bandwidth_type'] . '');
+ $this->tagClose('div');
+ $this->colOpen('col-12 col-md-6 mm-col');
+ $this->HTMLphrase('p', 'm-desc', 'SSH Port ');
+ $this->outputString('' . $data['ssh_port'] . '
');
$this->tagClose('div', 2);
- $this->rowColOpen('row m-row', 'col-4');
- $this->HTMLphrase('p', 'm-desc', 'Amount');
- $this->tagClose('div');
- $this->colOpen('col-8');
+ $this->rowColOpen('row m-row', 'col-12 col-md-6 mm-col');
+ $this->HTMLphrase('p', 'm-desc', 'Disk ');
+ $this->HTMLphrase('p', 'm-value', '' . $data['disk'] . '' . $data['disk_type'] . '');
+ $this->tagClose('div', 2);
+
+ $this->rowColOpen('row m-section-row', 'col-12 col-md-6');
+ $this->HTMLphrase('p', 'm-section-text text-center', 'CPU');
+ $this->rowColOpen('row m-row', 'col-12 col-md-6');
+ $this->HTMLphrase('p', 'm-desc', 'Amount ');
$this->HTMLphrase('p', 'm-value', $data['cpu']);
- $this->tagClose('div', 2);
-
- $this->rowColOpen('row m-row', 'col-4');
- $this->HTMLphrase('p', 'm-desc', 'Frequency');
$this->tagClose('div');
- $this->colOpen('col-8');
- $this->HTMLphrase('p', 'm-value', $data['cpu_freq']);
+ $this->colOpen('col-12 col-md-6');
+ $this->HTMLphrase('p', 'm-desc', 'Frequency ');
+ $this->HTMLphrase('p', 'm-value', $data['cpu_freq'] . 'Mhz');
$this->tagClose('div', 2);
-
$this->rowColOpen('row m-row', 'col-12');
$this->outputString('' . $data['cpu_type'] . '
'); - $this->tagClose('div', 2); + $this->tagClose('div', 3); - $this->rowColOpen('row m-section-row', 'col-12 text-center'); - $this->outputString('Ram
'); - $this->tagClose('div', 2); - - $this->rowColOpen('row m-row', 'col-4'); - $this->HTMLphrase('p', 'm-desc', 'Ram'); - $this->tagClose('div'); - $this->colOpen('col-8'); + $this->colOpen('col-12 col-md-6'); + $this->outputString('Ram
'); + $this->rowColOpen('row m-row', 'col-12 col-md-6'); + $this->HTMLphrase('p', 'm-desc', 'Ram '); $this->HTMLphrase('p', 'm-value', '' . $data['ram'] . '' . $data['ram_type'] . ''); - $this->tagClose('div', 2); - - $this->rowColOpen('row m-row', 'col-4'); - $this->HTMLphrase('p', 'm-desc', 'Swap'); $this->tagClose('div'); - $this->colOpen('col-8'); + $this->colOpen('col-12 col-md-6'); + $this->HTMLphrase('p', 'm-desc', 'Swap '); $this->HTMLphrase('p', 'm-value', '' . $data['swap'] . '' . $data['swap_type'] . ''); - $this->tagClose('div', 2); + $this->tagClose('div', 4); if ($has_yabs) { $this->rowColOpen('row m-section-row', 'col-12 text-center'); $this->HTMLphrase('p', 'm-section-text', 'GeekBench 5'); $this->tagClose('div', 2); - $this->rowColOpen('row m-row', 'col-4'); + $this->rowColOpen('row m-row', 'col-4 mm-col'); $this->HTMLphrase('p', 'm-desc', 'single: '); $this->HTMLphrase('p', 'm-value', $data['gb5_single']); $this->tagClose('div'); - $this->colOpen('col-4'); + $this->colOpen('col-4 mm-col'); $this->HTMLphrase('p', 'm-desc', 'multi: '); $this->HTMLphrase('p', 'm-value', $data['gb5_multi']); $this->tagClose('div'); - $this->colOpen('col-4'); + $this->colOpen('col-4 mm-col'); $this->HTMLphrase('p', 'm-desc', 'id: '); $this->outputString('' . $data['gb5_id'] . '
'); $this->tagClose('div', 2); $this->rowColOpen('row m-section-row', 'col-12 text-center'); - $this->HTMLphrase('p', 'm-section-text', 'Disk test'); + $this->HTMLphrase('p', 'm-section-text', 'Disk tests'); $this->tagClose('div', 2); - $this->rowColOpen('row m-row', 'col-6'); + $this->rowColOpen('row m-row', 'col-6 col-md-3 mm-col'); $this->HTMLphrase('p', 'm-desc', '4k: '); $this->HTMLphrase('p', 'm-value', '' . $data['4k'] . '' . $data['4k_type'] . ''); $this->tagClose('div'); - $this->colOpen('col-6'); + $this->colOpen('col-6 col-md-3 mm-col'); $this->HTMLphrase('p', 'm-desc', '64k: '); $this->HTMLphrase('p', 'm-value', '' . $data['64k'] . '' . $data['64k_type'] . ''); - $this->tagClose('div', 2); - - $this->rowColOpen('row m-row', 'col-6'); + $this->tagClose('div'); + $this->colOpen('col-6 col-md-3 mm-col'); $this->HTMLphrase('p', 'm-desc', '512k: '); $this->HTMLphrase('p', 'm-value', '' . $data['512k'] . '' . $data['512k_type'] . ''); $this->tagClose('div'); - $this->colOpen('col-6'); + $this->colOpen('col-6 col-md-3 mm-col'); $this->HTMLphrase('p', 'm-desc', '1m: '); $this->HTMLphrase('p', 'm-value', '' . $data['1m'] . '' . $data['1m_type'] . ''); $this->tagClose('div', 2); @@ -2385,63 +2343,67 @@ class idlers extends helperFunctions $this->HTMLphrase('p', 'm-section-text', 'Pricing'); $this->tagClose('div', 2); - $this->rowColOpen('row m-row', 'col-12'); + $this->rowColOpen('row m-row', 'col-12 col-md-6 mm-col'); $this->HTMLphrase('p', 'm-value', '' . $data['price'] . ' ' . $data['currency'] . ' '); $this->HTMLphrase('p', 'm-value', $this->paymentTerm($data['term'])); + $this->tagClose('div'); + $this->colOpen('col-12 col-md-6 mm-col'); + $this->HTMLphrase('p', 'm-desc', 'As USD per month: '); + $this->HTMLphrase('p', 'm-value', '$' . $data['usd_per_month'] . ''); $this->tagClose('div', 2); $this->rowColOpen('row m-section-row', 'col-12 text-center'); $this->HTMLphrase('p', 'm-section-text', 'Other'); $this->tagClose('div', 2); - $this->rowColOpen('row m-row', 'col-4'); + $this->rowColOpen('row m-row', 'col-4 mm-col'); $this->HTMLphrase('p', 'm-desc', 'Owned since'); $this->tagClose('div'); - $this->colOpen('col-8'); + $this->colOpen('col-8 mm-col'); $this->HTMLphrase('p', 'm-value', $data['owned_since']); $this->tagClose('div', 2); - $this->rowColOpen('row m-row', 'col-4'); + $this->rowColOpen('row m-row', 'col-4 mm-col'); $this->HTMLphrase('p', 'm-desc', 'Dedicated: '); $this->tagClose('div'); - $this->colOpen('col-2'); + $this->colOpen('col-2 mm-col'); $this->HTMLphrase('p', 'm-value', $this->intToYesNo($data['is_dedicated'])); $this->tagClose('div'); - $this->colOpen('col-4'); + $this->colOpen('col-4 mm-col'); $this->HTMLphrase('p', 'm-desc', 'Dedi CPU: '); $this->tagClose('div'); - $this->colOpen('col-2'); + $this->colOpen('col-2 mm-col'); $this->HTMLphrase('p', 'm-value', $this->intToYesNo($data['is_cpu_dedicated'])); $this->tagClose('div', 2); - $this->rowColOpen('row m-row', 'col-4'); + $this->rowColOpen('row m-row', 'col-4 mm-col'); $this->HTMLphrase('p', 'm-desc', 'Is offer: '); $this->tagClose('div'); - $this->colOpen('col-2'); + $this->colOpen('col-2 mm-col'); $this->HTMLphrase('p', 'm-value', $this->intToYesNo($data['was_special'])); $this->tagClose('div'); - $this->colOpen('col-4'); + $this->colOpen('col-4 mm-col'); $this->HTMLphrase('p', 'm-desc', 'AES-NI: '); $this->tagClose('div'); - $this->colOpen('col-2'); + $this->colOpen('col-2 mm-col'); $this->HTMLphrase('p', 'm-value', $this->intToYesNo($data['aes_ni'])); $this->tagClose('div', 2); - $this->rowColOpen('row m-row', 'col-4'); + $this->rowColOpen('row m-row', 'col-4 mm-col'); $this->HTMLphrase('p', 'm-desc', 'VM-x/AMD-V: '); $this->tagClose('div'); - $this->colOpen('col-2'); + $this->colOpen('col-2 mm-col'); $this->HTMLphrase('p', 'm-value', $this->intToYesNo($data['amd_v'])); $this->tagClose('div'); - $this->colOpen('col-4'); + $this->colOpen('col-4 mm-col'); $this->HTMLphrase('p', 'm-desc', 'Virt: '); $this->tagClose('div'); - $this->colOpen('col-2'); + $this->colOpen('col-2 mm-col'); $this->HTMLphrase('p', 'm-value', $data['virt']); $this->tagClose('div', 2); if ($has_yabs && $has_st) { $this->rowColOpen('row m-section-row', 'col-12 text-center'); - $this->HTMLphrase('p', 'm-section-text', 'Network test'); + $this->HTMLphrase('p', 'm-section-text', 'Network tests'); $this->tagClose('div', 2); $this->tagOpen('div', 'row'); $this->outputString('Location: