Skip to content

S
SpotCurrencyWebsite
Commit 2414a228 by Mac Stephens
Options

updated home form

parent 8cda19fd
Showing with 1458 additions and 0 deletions
.gitignore 0 → 100644
*.exe
*.dll
*.bpl
*.bpi
*.dcp
*.so
*.apk
*.drc
*.map
*.dres
*.rsm
*.tds
*.dcu
*.lib
*.a
*.o
*.ocx
*.cfg
*.hpp
*Resource.rc
*.local
*.identcache
*.projdata
*.tvsconfig
*.dsk
__history/
__recovery/
*.~*
*.stat
\ No newline at end of file
.vscode/launch.json 0 → 100644
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.3.0",
"configurations": [
{
"preLaunchTask": "Build",
"type": "chrome",
"request": "launch",
"name": "Run",
"url": "http://localhost:${command:rad4.tms.web.port.debug}/${command:rad4.tms.getcurrentproject.html.file}",
"webRoot": "${workspaceFolder}",
"timeout": 20000
},
{
"preLaunchTask": "Build",
"type": "chrome",
"request": "launch",
"name": "Run Without Debugging",
"url": "http://localhost:${command:rad4.tms.web.port.release}/${command:rad4.tms.getcurrentproject.html.file}",
"webRoot": "${workspaceFolder}",
"timeout": 20000
}
]
}
\ No newline at end of file
.vscode/tasks.json 0 → 100644
{
"version": "2.0.0",
"runner": "terminal",
"tasks": [
{
"label": "Build",
"dependsOrder": "sequence",
"dependsOn": [
"Echo",
"Active"
]
},
{
"label": "Echo",
"type": "shell",
"command": "echo 'Building...'",
"problemMatcher": []
},
{
"label": "Sleepdelay",
"type": "shell",
"command": "sleep ${config:TMS.options.electron.debug.delay}",
"windows": {
"command": "ping 127.0.0.1 -n ${config:TMS.options.electron.debug.delay} > '${workspaceFolder}\\.vscode\\null.txt'"
},
"group": "none",
"presentation": {
"reveal": "silent",
"panel": "new"
}
},
{
"label": "Active",
"type": "build",
"operation": "compile",
"group": {
"kind": "build",
"isDefault": true
},
"problemMatcher": [
"$tmswebcoreerror",
"$tmswebcorewarning"
]
},
{
"label": "Debug",
"type": "build",
"operation": "compile",
"buildconfiguration": "Debug",
"group": "build",
"problemMatcher": [
"$tmswebcoreerror",
"$tmswebcorewarning"
]
},
{
"label": "Release",
"type": "build",
"operation": "compile",
"buildconfiguration": "Release",
"group": "build",
"problemMatcher": [
"$tmswebcoreerror",
"$tmswebcorewarning"
]
}
]
}
\ No newline at end of file
.vscode/tempsettings.json 0 → 100644
{"tms":{"desktop":{"theme":"auto","layouts":{"Default Desktop":"{\"dockbox\":{\"id\":\"docklayoutbase\",\"size\":200,\"mode\":\"horizontal\",\"children\":[{\"id\":\"leftlayout\",\"size\":300,\"mode\":\"vertical\",\"children\":[{\"id\":\"+1\",\"size\":200,\"tabs\":[{\"id\":\"structure\"}],\"activeId\":\"structure\"},{\"id\":\"+2\",\"size\":200,\"tabs\":[{\"id\":\"objectinspector\"}],\"activeId\":\"objectinspector\"}]},{\"id\":\"+3\",\"size\":1000,\"tabs\":[{\"id\":\"documentgroup\"}],\"activeId\":\"documentgroup\"},{\"id\":\"rightlayout\",\"size\":250,\"tabs\":[{\"id\":\"toolpalette\"}],\"activeId\":\"toolpalette\"}]},\"floatbox\":{\"id\":\"+4\",\"size\":1,\"mode\":\"float\",\"children\":[]},\"maxbox\":{\"id\":\"+5\",\"size\":1,\"mode\":\"maximize\",\"children\":[]}}"},"active":"Default Desktop"},"packages":{"installed":{"k0webcore":{"name":"TMS WEB Core","path":"core\\webcore.twcl","checked":true}}},"formDesigner":{"gridOptions":{"displayGrid":"true","useDesignerGuidelines":"true","snapToGrid":"true","gridSizeX":8,"gridSizeY":8},"options":{"showComponentCaptions":"true","showDesignerHints":"true","showExtendedControlHints":"true","showNonVisualComponents":"true","deleteEmptyEventHandlersOnSave":"true"}},"options":{"electron":{"debug":{"port":"9223","delay":"3","timeout":"10000"}},"automaticallyCopyFileExtensions":"","outputPath":".\\$(Platform)\\$(Config)","singleJavascriptFile":"","ecmaScript":""}},"omnipascal":{"delphiInstallationPath":"","freePascalSourcePath":"","defaultDevelopmentEnvironment":"Delphi","searchPath":"c:\\Users\\Admin\\.vscode\\extensions\\tmssoftware.tmswebcore-2.5.7377\\resources\\coresource\\*","msbuildPath":"","lazbuildPath":"","createBuildScripts":false,"symbolIndex":"workspace","usesListStyle":"multipleItemsPerLine","namingConventionString":"pascalCase"}}
\ No newline at end of file
TMSWeb/Debug/.vscode/launch.json 0 → 100644
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.3.0",
"configurations": [
{
"preLaunchTask": "Build",
"type": "chrome",
"request": "launch",
"name": "Run",
"url": "http://localhost:${command:rad4.tms.web.port.debug}/${command:rad4.tms.getcurrentproject.html.file}",
"webRoot": "${workspaceFolder}",
"timeout": 20000
},
{
"preLaunchTask": "Build",
"type": "chrome",
"request": "launch",
"name": "Run Without Debugging",
"url": "http://localhost:${command:rad4.tms.web.port.release}/${command:rad4.tms.getcurrentproject.html.file}",
"webRoot": "${workspaceFolder}",
"timeout": 20000
}
]
}
\ No newline at end of file
TMSWeb/Debug/.vscode/tasks.json 0 → 100644
{
"version": "2.0.0",
"runner": "terminal",
"tasks": [
{
"label": "Build",
"dependsOrder": "sequence",
"dependsOn": [
"Echo",
"Active"
]
},
{
"label": "Echo",
"type": "shell",
"command": "echo 'Building...'",
"problemMatcher": []
},
{
"label": "Sleepdelay",
"type": "shell",
"command": "sleep ${config:TMS.options.electron.debug.delay}",
"windows": {
"command": "ping 127.0.0.1 -n ${config:TMS.options.electron.debug.delay} > '${workspaceFolder}\\.vscode\\null.txt'"
},
"group": "none",
"presentation": {
"reveal": "silent",
"panel": "new"
}
},
{
"label": "Active",
"type": "build",
"operation": "compile",
"group": {
"kind": "build",
"isDefault": true
},
"problemMatcher": [
"$tmswebcoreerror",
"$tmswebcorewarning"
]
},
{
"label": "Debug",
"type": "build",
"operation": "compile",
"buildconfiguration": "Debug",
"group": "build",
"problemMatcher": [
"$tmswebcoreerror",
"$tmswebcorewarning"
]
},
{
"label": "Release",
"type": "build",
"operation": "compile",
"buildconfiguration": "Release",
"group": "build",
"problemMatcher": [
"$tmswebcoreerror",
"$tmswebcorewarning"
]
}
]
}
\ No newline at end of file
TMSWeb/Debug/View.Home.html 0 → 100644
<!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow">
<div class="container-fluid container-main">
<a class="navbar-brand em-brand" href="#FHome">
<img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" id="homenav" href="#FHome">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="aboutusnav" href="#FAboutUs">About Us</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
What We Do
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" id="customsoftwarenav" href="#FCustomSoftware">Custom Software</a></li>
<li><a class="dropdown-item" id="publicsafetynav" href="#FPublicSafety">Public Safety</a></li>
<li><a class="dropdown-item" id="recordsmanagementnav" href="#FRecordsManagement">Records Management</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" id="contactusnav" href="#FContactUs">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<!-- HERO SECTION -->
<div class="container-fluid px-0">
<div class="hero-section bg-dark text-white text-center">
<img src="images\table_with_computers.jpg" alt="Hero Image" class="img-fluid hero-image">
<div class="hero-overlay d-flex justify-content-center align-items-center">
<div class="text-wrapper">
<h1 class="display-4">Custom Software, Comprehensive Support</h1>
<div class="w-50 mx-auto"> <!-- Adjust the width as needed -->
<p class="lead">Real connections. Reliable support. Software made for you.</p>
</div>
</div>
</div>
</div>
</div>
<!--MAIN CONTAINER-->
<div class="container-main">
<!-- LEARN BOXES -->
<div class="learn-boxes py-5">
<div class="row mb-4 g-4 align-items-center bg-white shadow-sm rounded">
<div class="col-md-6">
<img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/12/archive-gc84e8bebd_1920-1024x683.jpg" alt="Storage Image" class="img-fluid rounded">
</div>
<div class="col-md-6">
<div class="p-3 text-center">
<h2>Records and Information Management Solutions</h2>
<p>EM Systems has several new records and information management systems which incorporate modern paradigms in the field. Thinking of integrating electronic medical records with public safety systems? We can help. Feel free to contact us any time.</p>
<a href="#RecordsManagement" id="recordsmanagementlearn" class="btn btn-primary btn-black">Learn More</a>
</div>
</div>
</div>
<div class="row mb-4 g-4 align-items-center bg-gray shadow-sm rounded flex-md-row-reverse">
<div class="col-md-6">
<img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/12/digitization-g72e897cbb_1920-1024x680.jpg" alt="Logistics Image" class="img-fluid rounded">
</div>
<div class="col-md-6">
<div class="p-3 text-center">
<h2>Integrated Public Safety Solutions</h2>
<p>EM Systems maintains a full suite of proven integrated systems that can be tailored to fit the specific needs of your organization. Seeking to move from an older outdated, or more expensive solution? Facilitate a smooth transition and don’t lose a thing. Ask us about data conversion and training programs.</p>
<a href="#PublicSafety" id="publicsafetylearn" class="btn btn-primary btn-black">Learn More</a>
</div>
</div>
</div>
<div class="row mb-4 g-4 align-items-center bg-white shadow-sm rounded">
<div class="col-md-6">
<img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/10/computer-ga073c6b91_1920-1024x682.jpg" alt="Computer Image" class="img-fluid rounded">
</div>
<div class="col-md-6">
<div class="p-3 text-center">
<h2>Custom Software Development</h2>
<p>EM Systems has great talent when it comes to working with customers to develop software solutions designed and tailored to their specific needs. Over the years we have created hundreds of custom solutions that have worked wonders for our customers.</p>
<a href="#CustomSoftware" id="customsoftwarelearn" class="btn btn-primary btn-black">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<!-- FOOTER -->
<footer class="bg-dark text-light">
<div class="container-main">
<div class="row text-center text-lg-start">
<!-- Logo Column -->
<div class="col-lg-4 col-md-4 mb-4 mb-md-0 d-flex justify-content-lg-start justify-content-center">
<a href="#FHome" class="navbar-brand">
<img src="images/EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 30px">
</a>
</div>
<div class="col-lg-4 col-md-4 mb-4 mb-md-0">
<div>
<h5>Explore</h5>
<ul class="list-unstyled mb-0">
<li><a href="#FHome" id="homefooter">Home</a></li>
<li><a href="#FAboutUs" id="aboutusfooter">About Us</a></li>
<li><a href="#FContactUs" id="contactusfooter">Contact Us</a></li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-4 mb-4 mb-md-0">
<div>
<address>
4043 Maple Rd, Suite 211<br>
Amherst, NY 14226<br>
(716) 836-4910
</address>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
© 2011-2024 EM Systems Inc
</div>
</footer>
\ No newline at end of file
TMSWeb/Debug/css/App.css 0 → 100644
body {
font-family: "Raleway", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
color: #272727;
background-color: #f4f4f4;
padding-top: 70px;
box-sizing: border-box;
}
.em-black {
color: #000000;
}
/* NAVBAR */
.em-navbar-wrap .navbar {
transition: padding-top 0.3s ease, padding-bottom 0.3s ease; /* Smooth transitions for padding */
position: fixed;
width: 100%;
z-index: 1030;
}
/* Default state of the navbar */
.em-navbar-wrap .navbar {
padding-top: 1rem;
padding-bottom: 1rem;
}
/* Transition for navbar logo size */
.em-brand img {
transition: max-height 0.3s ease; /* Smooth transition for logo size */
max-height: 80px; /* Set a max-height for the logo */
margin-top: 8px;
}
/* Nav link styles and transitions */
.em-navbar-wrap .navbar .navbar-nav .nav-link {
transition: color 0.3s ease; /* Smooth transition for color change */
text-transform: uppercase;
letter-spacing: 0.085em;
font-size: 1rem;
color: #FFFFFF;
}
/* Hover and active state for nav links */
.em-navbar-wrap .navbar .navbar-nav .nav-item:hover .nav-link,
.em-navbar-wrap .navbar .navbar-nav .nav-item.active .nav-link {
color: #999999;
box-shadow: inset 0 -4px 0 0 #2c66a0;
}
/* navbar changes when scrolled */
.em-navbar-wrap .navbar.scrolled {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
/* Smaller logo when scrolled */
.em-brand img.scrolled-logo {
max-height: 40px;
}
/* Adjust padding for nav links when scrolled */
.navbar.scrolled .nav-link {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
/* navbar dropdown menu */
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu {
background-color: #212529; /* Dark background to match the navbar */
border: none; /* No border for a cleaner look */
}
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu .dropdown-item {
color: #f8f9fa;
}
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu .dropdown-item:focus {
background-color: #495057; /* Slightly lighter background on hover/focus */
color: #ffffff;
}
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu .dropdown-item:active {
background-color: #2c66a0; /* Highlights color for active state */
color: #ffffff;
}
/* navbar hamburger menu */
.navbar-toggler {
outline: none !important;
border: none !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease, box-shadow 0.3s ease;
background-color: #2c66a0;
}
.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler.active {
outline: none;
border: none !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
background-color: #999999;
}
.navbar-toggler:hover {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) inset; /* "Pressed in" look */
background-color: #999999;
}
/****************************************************************************************/
/* HERO IMAGES */
.hero-section {
position: relative;
height: 50vh; /* Control the height of the hero section */
overflow: hidden;
margin-top: 50px;
}
.hero-image {
width: 100%;
height: 100%;
object-fit: cover; /* Cover the area without distorting the image */
object-position: center; /* Align the center of the image to the center of the container */
}
.hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
text-shadow: 0px 0px 10px #000;
}
.page-hero-section {
position: relative;
height: 30vh;
overflow: hidden;
}
.hero-section-aboutus {
position: relative;
height: 100vh; /* Full viewport height */
overflow: hidden;
}
.hero-image-aboutus {
width: 100%;
height: 100%;
object-fit: cover; /* Ensures the image covers the area properly */
object-position: center; /* Centers the image */
}
.hero-overlay-aboutus {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.text-wrapper-aboutus {
background-color: rgba(0, 0, 0, 0.5);
text-shadow: 0px 0px 10px #000;
}
/****************************************************************************************/
/* LEARN BOXES */
.container-main {
max-width: 1400px;
margin: auto;
padding: 1rem;
}
.learn-boxes {
margin-top: 50px;
}
.learn-boxes .row img {
border-radius: 5px 0 0 5px;
margin-bottom: 25px;
}
.learn-boxes h2 {
font-size: 2.5rem;
margin-bottom: 0.75rem;
}
.learn-boxes p {
font-size: 1rem;
margin-bottom: 1rem;
}
.btn-primary {
background-color: #000;
border-color: #000;
color: #fff;
width: 175px;
}
.btn-primary:hover {
background-color: #333;
border-color: #333;
}
/****************************************************************************************/
/* FOOTER */
footer {
background-color: #000;
color: #fff;
padding: 1rem 0;
margin-top: auto;
}
footer .navbar-brand img {
max-height: 50px;
}
footer h5 {
font-size: 0.9rem;
}
footer ul li a,
footer ul li p {
font-size: 0.8rem;
color: #fff;
text-decoration: none;
}
footer ul li a:hover,
footer ul li a:focus {
color: #999999;
text-decoration: none;
}
footer address,
footer p {
font-size: 0.8rem;
}
footer .footer-copyright {
font-size: 0.8rem;
padding: 0.5rem 0;
text-align: center;
}
/****************************************************************************************/
/* MEDIA QUERIES */
@media (max-width: 992px) {
.navbar-nav .nav-link {
padding-top: 30px;
padding-bottom: 10px;
height: auto;
}
}
@media (min-width: 1400px) {
.container-main {
max-width: 1600px;
}
}
@media (min-width: 1400px) {
.em-navbar-wrap .navbar-brand {
padding-right: 2rem;
}
.em-navbar-wrap .navbar .navbar-nav {
padding-left: 2rem;
}
}
TMSWeb/Debug/index.html 0 → 100644
<html><head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<noscript>Your browser does not support JavaScript!</noscript>
<link rel="icon" href="data:;base64,=">
<title>TMS Web Project</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" rel="stylesheet">
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<script type="text/javascript" src="spotcurrencywebsite.js"></script>
<style>
</style>
</head>
<body>
<script type="text/javascript">
rtl.run();
</script>
</body></html>
\ No newline at end of file
TMSWeb/Debug/spotcurrencywebsite.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<noscript>Your browser does not support JavaScript!</noscript>
<link rel="icon" href="data:;base64,=">
<title>TMS Web Project</title>
<script type="text/javascript" src="spotcurrencywebsite.js"></script>
<style>
</style>
</head>
<body>
</body>
<script type="text/javascript">
rtl.run();
</script>
</html>
\ No newline at end of file
TMSWeb/Debug/spotcurrencywebsite.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
Unit1.dfm 0 → 100644
object Frame1: TFrame1
Left = 0
Top = 0
Width = 640
Height = 480
end
Unit1.pas 0 → 100644
unit Unit1;
interface
uses
System.SysUtils, System.Classes, JS, Web, WEBLib.Graphics, WEBLib.Controls,
WEBLib.Forms, WEBLib.Dialogs;
type
TFrame1 = class(TWebFrame)
private
{ Private declarations }
public
{ Public declarations }
end;
var
Frame1: TFrame1;
implementation
{$R *.dfm}
end.
\ No newline at end of file
View.Home.dfm 0 → 100644
object FHome: TFHome
CSSLibrary = cssBootstrap
Color = clWhite
ElementFont = efCSS
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
FormStyle = fsNormal
Height = 1090
Left = 0
OnCreate = WebFormCreate
TabOrder = 0
Top = 0
Visible = False
Width = 1290
object btnHome: TWebButton
Caption = 'HOME'
Color = clNone
ElementFont = efCSS
ElementID = 'homenav'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 779
OnClick = btnHomeClick
Role = 'button'
TabOrder = 0
Top = 105
Width = 100
end
object btnAboutUs: TWebButton
Caption = 'ABOUT US'
Color = clNone
ElementFont = efCSS
ElementID = 'aboutusnav'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 899
OnClick = btnAboutUsClick
Role = 'button'
TabOrder = 0
Top = 105
Width = 100
end
object btnCustomSoftware: TWebButton
Caption = 'Custom Software'
Color = clNone
ElementFont = efCSS
ElementID = 'customsoftwarenav'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 1019
OnClick = btnCustomSoftwareClick
Role = 'button'
TabOrder = 0
Top = 111
Width = 100
end
object btnRecordsManagement: TWebButton
Caption = 'Records Management'
Color = clNone
ElementID = 'recordsmanagementnav'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 1027
OnClick = btnRecordsManagementClick
Role = 'button'
TabOrder = 0
Top = 169
Width = 100
end
object btnPublicSafety: TWebButton
Caption = 'Public Safety'
Color = clNone
ElementFont = efCSS
ElementID = 'publicsafetynav'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 1027
OnClick = btnPublicSafetyClick
Role = 'button'
TabOrder = 0
Top = 137
Width = 100
end
object btnContactUs: TWebButton
Caption = 'CONTACT US'
Color = clNone
ElementFont = efCSS
ElementID = 'contactusnav'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 1171
OnClick = btnContactUsClick
Role = 'button'
TabOrder = 0
Top = 105
Width = 100
end
object btnRecordsManagementLearn: TWebButton
Caption = 'Learn More'
Color = clNone
ElementID = 'recordsmanagementlearn'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 0
OnClick = btnRecordsManagementClick
Role = 'button'
TabOrder = 0
Top = 0
Width = 100
end
object btnCustomSoftwareLearn: TWebButton
Caption = 'Learn More'
Color = clNone
ElementID = 'customsoftwarelearn'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 0
OnClick = btnCustomSoftwareClick
Role = 'button'
TabOrder = 0
Top = 0
Width = 100
end
object btnPublicSafetyLearn: TWebButton
Caption = 'Learn More'
Color = clNone
ElementID = 'publicsafetylearn'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 0
OnClick = btnPublicSafetyClick
Role = 'button'
TabOrder = 0
Top = 0
Width = 100
end
object btnAboutUsFooter: TWebButton
Caption = 'About Us'
Color = clNone
ElementID = 'aboutusfooter'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 306
OnClick = btnAboutUsClick
Role = 'button'
TabOrder = 0
Top = 641
Width = 100
end
object btnHomeFooter: TWebButton
Caption = 'Home'
Color = clNone
ElementID = 'homefooter'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 595
OnClick = btnHomeClick
Role = 'null'
TabOrder = 0
Top = 533
Width = 100
end
object btnContactUsFooter: TWebButton
Caption = 'Contact Us'
Color = clNone
ElementID = 'contactusfooter'
ElementPosition = epRelative
Font.Charset = ANSI_CHARSET
Font.Color = clBlack
Font.Height = -11
Font.Name = 'Arial'
Font.Size = 8
Font.Style = []
Height = 25
Left = 423
OnClick = btnContactUsClick
Role = 'null'
TabOrder = 0
Top = 638
Width = 100
end
end
View.Home.html 0 → 100644
<!--NAVBAR CONTAINER-->
<div class="em-navbar-wrap">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow">
<div class="container-fluid container-main">
<a class="navbar-brand em-brand" href="#FHome">
<img src="images\EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 50px;">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" id="homenav" href="#FHome">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="aboutusnav" href="#FAboutUs">About Us</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
What We Do
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" id="customsoftwarenav" href="#FCustomSoftware">Custom Software</a></li>
<li><a class="dropdown-item" id="publicsafetynav" href="#FPublicSafety">Public Safety</a></li>
<li><a class="dropdown-item" id="recordsmanagementnav" href="#FRecordsManagement">Records Management</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" id="contactusnav" href="#FContactUs">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<!-- HERO SECTION -->
<div class="container-fluid px-0">
<div class="hero-section bg-dark text-white text-center">
<img src="images\table_with_computers.jpg" alt="Hero Image" class="img-fluid hero-image">
<div class="hero-overlay d-flex justify-content-center align-items-center">
<div class="text-wrapper">
<h1 class="display-4">Custom Software, Comprehensive Support</h1>
<div class="w-50 mx-auto"> <!-- Adjust the width as needed -->
<p class="lead">Real connections. Reliable support. Software made for you.</p>
</div>
</div>
</div>
</div>
</div>
<!--MAIN CONTAINER-->
<div class="container-main">
<!-- LEARN BOXES -->
<div class="learn-boxes py-5">
<div class="row mb-4 g-4 align-items-center bg-white shadow-sm rounded">
<div class="col-md-6">
<img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/12/archive-gc84e8bebd_1920-1024x683.jpg" alt="Storage Image" class="img-fluid rounded">
</div>
<div class="col-md-6">
<div class="p-3 text-center">
<h2>Records and Information Management Solutions</h2>
<p>EM Systems has several new records and information management systems which incorporate modern paradigms in the field. Thinking of integrating electronic medical records with public safety systems? We can help. Feel free to contact us any time.</p>
<a href="#RecordsManagement" id="recordsmanagementlearn" class="btn btn-primary btn-black">Learn More</a>
</div>
</div>
</div>
<div class="row mb-4 g-4 align-items-center bg-gray shadow-sm rounded flex-md-row-reverse">
<div class="col-md-6">
<img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/12/digitization-g72e897cbb_1920-1024x680.jpg" alt="Logistics Image" class="img-fluid rounded">
</div>
<div class="col-md-6">
<div class="p-3 text-center">
<h2>Integrated Public Safety Solutions</h2>
<p>EM Systems maintains a full suite of proven integrated systems that can be tailored to fit the specific needs of your organization. Seeking to move from an older outdated, or more expensive solution? Facilitate a smooth transition and don’t lose a thing. Ask us about data conversion and training programs.</p>
<a href="#PublicSafety" id="publicsafetylearn" class="btn btn-primary btn-black">Learn More</a>
</div>
</div>
</div>
<div class="row mb-4 g-4 align-items-center bg-white shadow-sm rounded">
<div class="col-md-6">
<img src="http://gator3304.temp.domains/~emsys065/wp-content/uploads/2021/10/computer-ga073c6b91_1920-1024x682.jpg" alt="Computer Image" class="img-fluid rounded">
</div>
<div class="col-md-6">
<div class="p-3 text-center">
<h2>Custom Software Development</h2>
<p>EM Systems has great talent when it comes to working with customers to develop software solutions designed and tailored to their specific needs. Over the years we have created hundreds of custom solutions that have worked wonders for our customers.</p>
<a href="#CustomSoftware" id="customsoftwarelearn" class="btn btn-primary btn-black">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<!-- FOOTER -->
<footer class="bg-dark text-light">
<div class="container-main">
<div class="row text-center text-lg-start">
<!-- Logo Column -->
<div class="col-lg-4 col-md-4 mb-4 mb-md-0 d-flex justify-content-lg-start justify-content-center">
<a href="#FHome" class="navbar-brand">
<img src="images/EM_Logo_2c66a0.png" alt="EM_Logo" style="max-height: 30px">
</a>
</div>
<div class="col-lg-4 col-md-4 mb-4 mb-md-0">
<div>
<h5>Explore</h5>
<ul class="list-unstyled mb-0">
<li><a href="#FHome" id="homefooter">Home</a></li>
<li><a href="#FAboutUs" id="aboutusfooter">About Us</a></li>
<li><a href="#FContactUs" id="contactusfooter">Contact Us</a></li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-4 mb-4 mb-md-0">
<div>
<address>
4043 Maple Rd, Suite 211<br>
Amherst, NY 14226<br>
(716) 836-4910
</address>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
© 2011-2024 EM Systems Inc
</div>
</footer>
\ No newline at end of file
View.Home.pas 0 → 100644
unit View.Home;
interface
uses
System.SysUtils, System.Classes, JS, Web, WEBLib.Graphics, WEBLib.Controls,
WEBLib.Forms, WEBLib.Dialogs, WEBLib.Menus, WEBLib.StdCtrls;
type
TFHome = class(TWebForm)
btnHome: TWebButton;
btnAboutUs: TWebButton;
btnCustomSoftware: TWebButton;
btnRecordsManagement: TWebButton;
btnPublicSafety: TWebButton;
btnContactUs: TWebButton;
btnRecordsManagementLearn: TWebButton;
btnCustomSoftwareLearn: TWebButton;
btnPublicSafetyLearn: TWebButton;
btnAboutUsFooter: TWebButton;
btnHomeFooter: TWebButton;
btnContactUsFooter: TWebButton;
private
{ Private declarations }
public
{ Public declarations }
end;
var
FHome: TFHome;
implementation
{$R *.dfm}
end.
\ No newline at end of file
css/App.css 0 → 100644
body {
font-family: "Raleway", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
color: #272727;
background-color: #f4f4f4;
padding-top: 70px;
box-sizing: border-box;
}
.em-black {
color: #000000;
}
/* NAVBAR */
.em-navbar-wrap .navbar {
transition: padding-top 0.3s ease, padding-bottom 0.3s ease; /* Smooth transitions for padding */
position: fixed;
width: 100%;
z-index: 1030;
}
/* Default state of the navbar */
.em-navbar-wrap .navbar {
padding-top: 1rem;
padding-bottom: 1rem;
}
/* Transition for navbar logo size */
.em-brand img {
transition: max-height 0.3s ease; /* Smooth transition for logo size */
max-height: 80px; /* Set a max-height for the logo */
margin-top: 8px;
}
/* Nav link styles and transitions */
.em-navbar-wrap .navbar .navbar-nav .nav-link {
transition: color 0.3s ease; /* Smooth transition for color change */
text-transform: uppercase;
letter-spacing: 0.085em;
font-size: 1rem;
color: #FFFFFF;
}
/* Hover and active state for nav links */
.em-navbar-wrap .navbar .navbar-nav .nav-item:hover .nav-link,
.em-navbar-wrap .navbar .navbar-nav .nav-item.active .nav-link {
color: #999999;
box-shadow: inset 0 -4px 0 0 #2c66a0;
}
/* navbar changes when scrolled */
.em-navbar-wrap .navbar.scrolled {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
/* Smaller logo when scrolled */
.em-brand img.scrolled-logo {
max-height: 40px;
}
/* Adjust padding for nav links when scrolled */
.navbar.scrolled .nav-link {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
/* navbar dropdown menu */
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu {
background-color: #212529; /* Dark background to match the navbar */
border: none; /* No border for a cleaner look */
}
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu .dropdown-item {
color: #f8f9fa;
}
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu .dropdown-item:focus {
background-color: #495057; /* Slightly lighter background on hover/focus */
color: #ffffff;
}
.em-navbar-wrap .navbar .navbar-nav .dropdown-menu .dropdown-item:active {
background-color: #2c66a0; /* Highlights color for active state */
color: #ffffff;
}
/* navbar hamburger menu */
.navbar-toggler {
outline: none !important;
border: none !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease, box-shadow 0.3s ease;
background-color: #2c66a0;
}
.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler.active {
outline: none;
border: none !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
background-color: #999999;
}
.navbar-toggler:hover {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) inset; /* "Pressed in" look */
background-color: #999999;
}
/****************************************************************************************/
/* HERO IMAGES */
.hero-section {
position: relative;
height: 50vh; /* Control the height of the hero section */
overflow: hidden;
margin-top: 50px;
}
.hero-image {
width: 100%;
height: 100%;
object-fit: cover; /* Cover the area without distorting the image */
object-position: center; /* Align the center of the image to the center of the container */
}
.hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
text-shadow: 0px 0px 10px #000;
}
.page-hero-section {
position: relative;
height: 30vh;
overflow: hidden;
}
.hero-section-aboutus {
position: relative;
height: 100vh; /* Full viewport height */
overflow: hidden;
}
.hero-image-aboutus {
width: 100%;
height: 100%;
object-fit: cover; /* Ensures the image covers the area properly */
object-position: center; /* Centers the image */
}
.hero-overlay-aboutus {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.text-wrapper-aboutus {
background-color: rgba(0, 0, 0, 0.5);
text-shadow: 0px 0px 10px #000;
}
/****************************************************************************************/
/* LEARN BOXES */
.container-main {
max-width: 1400px;
margin: auto;
padding: 1rem;
}
.learn-boxes {
margin-top: 50px;
}
.learn-boxes .row img {
border-radius: 5px 0 0 5px;
margin-bottom: 25px;
}
.learn-boxes h2 {
font-size: 2.5rem;
margin-bottom: 0.75rem;
}
.learn-boxes p {
font-size: 1rem;
margin-bottom: 1rem;
}
.btn-primary {
background-color: #000;
border-color: #000;
color: #fff;
width: 175px;
}
.btn-primary:hover {
background-color: #333;
border-color: #333;
}
/****************************************************************************************/
/* FOOTER */
footer {
background-color: #000;
color: #fff;
padding: 1rem 0;
margin-top: auto;
}
footer .navbar-brand img {
max-height: 50px;
}
footer h5 {
font-size: 0.9rem;
}
footer ul li a,
footer ul li p {
font-size: 0.8rem;
color: #fff;
text-decoration: none;
}
footer ul li a:hover,
footer ul li a:focus {
color: #999999;
text-decoration: none;
}
footer address,
footer p {
font-size: 0.8rem;
}
footer .footer-copyright {
font-size: 0.8rem;
padding: 0.5rem 0;
text-align: center;
}
/****************************************************************************************/
/* MEDIA QUERIES */
@media (max-width: 992px) {
.navbar-nav .nav-link {
padding-top: 30px;
padding-bottom: 10px;
height: auto;
}
}
@media (min-width: 1400px) {
.container-main {
max-width: 1600px;
}
}
@media (min-width: 1400px) {
.em-navbar-wrap .navbar-brand {
padding-right: 2rem;
}
.em-navbar-wrap .navbar .navbar-nav {
padding-left: 2rem;
}
}
index.html 0 → 100644
<html><head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<noscript>Your browser does not support JavaScript!</noscript>
<link rel="icon" href="data:;base64,=">
<title>TMS Web Project</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" rel="stylesheet">
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<script type="text/javascript" src="$(ProjectName).js"></script>
<style>
</style>
</head>
<body>
<script type="text/javascript">
rtl.run();
</script>
</body></html>
\ No newline at end of file
spotcurrencywebsite.dpr 0 → 100644
program spotcurrencywebsite;
uses
Vcl.Forms,
WEBLib.Forms,
View.Home in 'View.Home.pas' {FHome: TWebForm} {*.html},
Unit1 in 'Unit1.pas' {Frame1: TWebFrame};
{$R *.res}
begin
Application.Initialize;
Application.MainFormOnTaskbar := True;
asm
// Set a handler to scroll to top on every hash change
window.addEventListener('hashchange', function() {
window.scrollTo(0, 0);
}, false);
// Ensure navigation to the home form if no hash is present
if (window.location.hash === '') {
window.location.hash = '#FHome';
}
end;
if not Application.Route then
begin
Application.CreateForm(TFHome, FHome);
end;
Application.Run;
end.
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment