diff --git a/admin.php b/admin.php new file mode 100644 index 0000000..000d3ac --- /dev/null +++ b/admin.php @@ -0,0 +1,117 @@ + + + + + + Admin - LAMP Demo + + + + + + + + +
+
+
+
+
+

Admin Login

+
+
+ + +
+
+ + +
+ +
+
+
+
+
+ + +
+
+

Nokia Facts Management

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#FactStrength (1-10)Actions
1The Nokia 3310 could survive a drop from a 3-story building.8 + + +
2Its battery life was measured in days, not hours.10 + + +
3Snake II was the peak of mobile gaming.9 + + +
+
+ +
+
+
+ + + + + + + diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..94a7f6f --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,31 @@ + +body { + background-color: #F8FAFC; + color: #0F172A; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; +} + +.hero { + background: linear-gradient(45deg, rgba(99, 102, 241, 0.1), rgba(236, 72, 153, 0.1)); + padding: 6rem 1rem; + text-align: center; +} + +.hero h1 { + font-weight: 700; +} + +.btn-primary { + background-color: #6366F1; + border-color: #6366F1; +} + +.btn-primary:hover { + background-color: #4F46E5; + border-color: #4F46E5; +} + +.card { + border-radius: 0.5rem; + box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..e69de29 diff --git a/index.php b/index.php index e13ae95..c06fc00 100644 --- a/index.php +++ b/index.php @@ -1,131 +1,91 @@ - - + - - - New Style - - - - + + + Flatlogic LAMP Demo + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

Flatlogic AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + + +
+
+
+

Generate a Website With a Vibe

+

Tell our AI your vibe, and we'll spin up a micro-site in seconds. From Synthwave to Brutalism, discover your digital aesthetic.

+ + + Create a Vibe Site + +
+
+ +
+
+
+
+
+ A colorful, abstract image representing different design vibes. +
+

Vibe Generator

+

Choose a vibe, give us a keyword, and watch the magic happen. Your own micro-site, generated by AI.

+
+
+
+
+
+ A snippet of code on a dark background, representing the PHP sandbox. +
+

PHP Sandbox

+

Safely run PHP code snippets in an isolated environment. Perfect for testing and learning.

+
+
+
+
+
+ A magnifying glass over a web page, symbolizing SEO analysis. +
+

SEO Checker

+

Paste your HTML and get instant feedback on your on-page SEO, powered by AI analysis.

+
+
+
+
+
+
+
+ + + + + - + \ No newline at end of file diff --git a/sandbox.php b/sandbox.php new file mode 100644 index 0000000..12f03e0 --- /dev/null +++ b/sandbox.php @@ -0,0 +1,81 @@ + + + + + + + PHP Sandbox - Flatlogic LAMP Demo + + + + + + + + + +
+
+

PHP Sandbox

+

Test your PHP code snippets in a safe, isolated environment. Type your code, hit run, and see the output instantly.

+
+ +
+
+
+
+ + +
+ +
+ + +
+

Result

+
+
+ +
+
+
+ + + + + + + diff --git a/seo.php b/seo.php new file mode 100644 index 0000000..50dd074 --- /dev/null +++ b/seo.php @@ -0,0 +1,137 @@ +loadHTML($html_input); + $title = $doc->getElementsByTagName('title')->item(0)->nodeValue ?? 'Not found'; + $description = 'Not found'; + $metas = $doc->getElementsByTagName('meta'); + for ($i = 0; $i < $metas->length; $i++) { + $meta = $metas->item($i); + if (strtolower($meta->getAttribute('name')) == 'description') { + $description = $meta->getAttribute('content'); + break; + } + } + $h1_count = $doc->getElementsByTagName('h1')->length; + + $seo_results = [ + 'score' => 75, // Dummy score + 'title' => $title, + 'description' => $description, + 'h1_count' => $h1_count, + 'advice' => 'This is a basic analysis. For a full report, our AI would check for keyword density, image alt tags, mobile-friendliness, and more!' + ]; + } +} +?> + + + + + + <?php echo $page_title; ?> - Flatlogic LAMP Demo + + + + + + + + + +
+
+
+
+

SEO Checker

+

Paste your site's HTML below to get an instant (simulated) SEO analysis.

+
+ +
+
+
+ + +
+
+ +
+
+
+ + +
+

Analysis Results

+
+
+
+
Overall Score
+
+
+
    +
  • + Title Tag: + ... +
    • +
  • + Meta Description: + ... +
    • +
  • + H1 Tags Found: + +
    • +
+
+
+
+
+

AI-Powered Advice:

+

+
+
+ + +
+
+
+ + + + + + + diff --git a/vibe.php b/vibe.php new file mode 100644 index 0000000..e5c31d6 --- /dev/null +++ b/vibe.php @@ -0,0 +1,152 @@ + + + + + + Vibe Generator - Flatlogic LAMP Demo + + + + + + + + + + +
+
+
+
+

Create a Vibe Site

+

Step 1: Choose your aesthetic and provide a few keywords.

+
+
+ +
+
+

1. Choose a Vibe

+ + ['icon' => 'bi-pc-display-horizontal', 'desc' => '90s nostalgia, pixelated and chunky.'], + 'Synthwave' => ['icon' => 'bi-sunset', 'desc' => 'Neon grids, chrome, and 80s futurism.'], + 'Brutalism' => ['icon' => 'bi-building', 'desc' => 'Raw, blocky, and unapologetically functional.'], + 'Dad-garage' => ['icon' => 'bi-tools', 'desc' => 'Rugged, practical, and built to last.'], + 'Zen-mono' => ['icon' => 'bi-yin-yang', 'desc' => 'Minimalist, monochrome, and serene.'] + ]; + + foreach ($vibes as $name => $details): + ?> +
+ +
+ +
+ +
+
+

2. Enter Keywords

+
+ + +
Enter 1-3 key phrases that describe your site.
+
+
+
+ +
+ +
+
+ + '; + echo '
'; + echo '

Submission Received (Step 2 Preview)

'; + echo '

This is where the AI-generated preview will appear. For now, here are the values you submitted:

'; + echo '
'; + echo '
'; + echo '
Selected Vibe: ' . htmlspecialchars($vibe) . '
'; + echo '

Keywords: ' . htmlspecialchars($keywords) . '

'; + echo '
'; + echo '
'; + echo '
'; + echo '
'; + } + ?> + + +
+ + + + + + +