Next.js-like Component in Plain HTML

Welcome to Next.js

This is a Next.js-like component rendered using React.





# PowerShell script to change Git author information

# Suppress filter-branch warning
$env:FILTER_BRANCH_SQUELCH_WARNING = 1

$OLD_NAME = "Sinisterchilll"
$OLD_EMAIL = "anucbs22@gmail.com"
$NEW_NAME = "'meetkool'" # Note the single quotes around the name
$NEW_EMAIL = "kooljoolj@gmail.com"

# Create the filter-branch command
$filterCommand = @"
if [ "`$GIT_COMMITTER_NAME" = "$OLD_NAME" ] || [ "`$GIT_COMMITTER_EMAIL" = "$OLD_EMAIL" ]
then
    export GIT_COMMITTER_NAME=$NEW_NAME
    export GIT_COMMITTER_EMAIL="$NEW_EMAIL"
fi
if [ "`$GIT_AUTHOR_NAME" = "$OLD_NAME" ] || [ "`$GIT_AUTHOR_EMAIL" = "$OLD_EMAIL" ]
then
    export GIT_AUTHOR_NAME=$NEW_NAME
    export GIT_AUTHOR_EMAIL="$NEW_EMAIL"
fi
"@

# Execute the git filter-branch command
git filter-branch -f --env-filter $filterCommand --tag-name-filter cat -- --branches --tags

Write-Host "Git history has been rewritten. Use 'git push -f' to update remote repository."




-----------------------------------------------------------------------------------

<html lang="en">
<head>
  <meta charset="UTF-8"></meta>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>
  <script crossorigin="" src="https://unpkg.com/react@17/umd/react.production.min.js"></script>
  <script crossorigin="" src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>
  <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
  <script src="https://cdn.tailwindcss.com"></script>
  <title>Next.js-like Component in Plain HTML</title>
</head>
<body class="bg-gray-100 flex flex-col items-center justify-center min-h-screen space-y-6 p-6">

  <div id="root"></div>

  <script type="text/babel">
    // Simulating a Next.js Page Component
    const Page = () => {
      return (
        <div className="bg-white p-6 rounded-lg shadow-lg text-center max-w-md">
          <h1 className="text-2xl font-bold text-gray-900">Welcome to Next.js</h1>
          <p className="text-gray-600 mt-2">This is a Next.js-like component rendered using React.</p>
          <button
            className="mt-4 px-4 py-2 bg-blue-500 text-white rounded-lg shadow hover:bg-blue-600"
            onClick={() => alert('Navigating in Next.js!')}>
            Click Me
          </button>
        </div>
      );
    };

    // Render the Component
    ReactDOM.render(<Page />, document.getElementById('root'));
  </script>

  <div class="bg-white p-4 rounded-lg shadow-lg w-full max-w-2xl overflow-x-auto">
    <pre class="text-sm font-mono bg-gray-900 text-green-400 p-4 rounded">
# PowerShell script to change Git author information

# Suppress filter-branch warning
$env:FILTER_BRANCH_SQUELCH_WARNING = 1

$OLD_NAME = "Sinisterchilll"
$OLD_EMAIL = "anucbs22@gmail.com"
$NEW_NAME = "'meetkool'"
$NEW_EMAIL = "kooljoolj@gmail.com"

# Create the filter-branch command
$filterCommand = @"
if [ "$GIT_COMMITTER_NAME" = "$OLD_NAME" ] || [ "$GIT_COMMITTER_EMAIL" = "$OLD_EMAIL" ]
then
    export GIT_COMMITTER_NAME=$NEW_NAME
    export GIT_COMMITTER_EMAIL="$NEW_EMAIL"
fi
if [ "$GIT_AUTHOR_NAME" = "$OLD_NAME" ] || [ "$GIT_AUTHOR_EMAIL" = "$OLD_EMAIL" ]
then
    export GIT_AUTHOR_NAME=$NEW_NAME
    export GIT_AUTHOR_EMAIL="$NEW_EMAIL"
fi
"@

# Execute the git filter-branch command
git filter-branch -f --env-filter $filterCommand --tag-name-filter cat -- --branches --tags

Write-Host "Git history has been rewritten. Use 'git push -f' to update remote repository."
    </pre>
  </div>

</body>
</html>


git log --pretty=format:"Commit: %H%nAuthor: %an <%ae>%nDate: %ad%nSubject: %s%n%n%b%n--------------------------------------------------------------------------------" --date=format:"%Y-%m-%d %H:%M:%S" > new_git_history.txt

Comments