mirror of
https://github.com/Litlyx/litlyx
synced 2025-12-10 07:48:37 +01:00
remove old docs
This commit is contained in:
Emily
20
docs/.gitignore
vendored
20
docs/.gitignore
vendored
@@ -1,20 +0,0 @@
|
||||
# Dependencies
|
||||
/node_modules
|
||||
|
||||
# Production
|
||||
/build
|
||||
|
||||
# Generated files
|
||||
.docusaurus
|
||||
.cache-loader
|
||||
|
||||
# Misc
|
||||
.DS_Store
|
||||
.env.local
|
||||
.env.development.local
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
@@ -1,3 +0,0 @@
|
||||
module.exports = {
|
||||
presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
|
||||
};
|
||||
@@ -1,8 +0,0 @@
|
||||
{
|
||||
"label": "Get Started",
|
||||
"position": 9,
|
||||
"link": {
|
||||
"type": "generated-index",
|
||||
"description": "5 minutes to learn the most important Docusaurus concepts."
|
||||
}
|
||||
}
|
||||
@@ -1,17 +0,0 @@
|
||||
---
|
||||
sidebar_position: 9
|
||||
---
|
||||
|
||||
# Congratulations!
|
||||
|
||||
You've successfully completed your LitLyx setup! 🔥 **Now, explore page visits, custom events, and KPIs directly on your dashboard.**.
|
||||
|
||||
**Visit the Dashboard:** Access it [here](http://dashboard.litlyx.com)
|
||||
|
||||
|
||||
<img src="/img/dchart.jpg" alt="Dashboard Chart" width="600"/>
|
||||
|
||||
### We're Eager to Hear from You!
|
||||
|
||||
Enjoy LitLyx! 🔥
|
||||
|
||||
@@ -1,22 +0,0 @@
|
||||
---
|
||||
sidebar_position: 2
|
||||
---
|
||||
|
||||
# Create your first project
|
||||
|
||||
You just sign in! Now it's time to create your first project 🔥
|
||||
**just inserting a name for it**
|
||||
|
||||
|
||||
|
||||
**Choose a name for your first project!** is just that easy!
|
||||
|
||||
<img src="/img/first.jpg" alt="Login on Dashboard" width="600"/>
|
||||
|
||||
##
|
||||
|
||||
:::info
|
||||
|
||||
You can change your name, delete, or upgrade `an individual project` always.
|
||||
|
||||
:::
|
||||
@@ -1,140 +0,0 @@
|
||||
---
|
||||
sidebar_position: 5
|
||||
---
|
||||
|
||||
# Custom Events
|
||||
Your are not satisfied with the incredible insights you can gain from just one line of code? Looking for more control over your user interactions? LitLyx has you covered there too. 🔥 **Setup a custom event!**
|
||||
## Choose your Framework
|
||||
|
||||
import Tabs from '@theme/Tabs';
|
||||
import TabItem from '@theme/TabItem';
|
||||
|
||||
<Tabs>
|
||||
<TabItem value="js" label="JavaScript" default>
|
||||
|
||||
**(reading JavaScript)**
|
||||
|
||||
```ts
|
||||
//trigger the event, record it real-time on dashboard
|
||||
Lit.event('pretty_cool_event');
|
||||
```
|
||||
Still craving more control? Wow, you really are a dedicated developer! 🌟
|
||||
|
||||
```ts
|
||||
Lit.event('pretty_cool_event',
|
||||
metadata: {
|
||||
'tag': 'litlyx so lit, dude1',
|
||||
'age': 28,
|
||||
'score': 99.99,
|
||||
'litlist': ['Hello', 'Lit']
|
||||
}
|
||||
);
|
||||
```
|
||||
</TabItem>
|
||||
<TabItem value="vue" label="Vue" default>
|
||||
|
||||
**(reading Vue)**
|
||||
|
||||
```ts
|
||||
//trigger the event, record it real-time on dashboard
|
||||
Lit.event('pretty_cool_event');
|
||||
```
|
||||
Still craving more control? Wow, you really are a dedicated developer! 🌟
|
||||
|
||||
```ts
|
||||
Lit.event('pretty_cool_event',
|
||||
metadata: {
|
||||
'tag': 'litlyx so lit, dude1',
|
||||
'age': 28,
|
||||
'score': 99.99,
|
||||
'litlist': ['Hello', 'Lit']
|
||||
}
|
||||
);
|
||||
```
|
||||
</TabItem>
|
||||
<TabItem value="react" label="React" default>
|
||||
|
||||
**(reading React)**
|
||||
|
||||
```ts
|
||||
//trigger the event, record it real-time on dashboard
|
||||
Lit.event('pretty_cool_event');
|
||||
```
|
||||
Still craving more control? Wow, you really are a dedicated developer! 🌟
|
||||
|
||||
```ts
|
||||
Lit.event('pretty_cool_event',
|
||||
metadata: {
|
||||
'tag': 'litlyx so lit, dude1',
|
||||
'age': 28,
|
||||
'score': 99.99,
|
||||
'litlist': ['Hello', 'Lit']
|
||||
}
|
||||
);
|
||||
```
|
||||
</TabItem>
|
||||
<TabItem value="next" label="Next" default>
|
||||
|
||||
**(reading Next)**
|
||||
|
||||
|
||||
```ts
|
||||
//trigger the event, record it real-time on dashboard
|
||||
Lit.event('pretty_cool_event');
|
||||
```
|
||||
Still craving more control? Wow, you really are a dedicated developer! 🌟
|
||||
|
||||
```ts
|
||||
Lit.event('pretty_cool_event',
|
||||
metadata: {
|
||||
'tag': 'litlyx so lit, dude1',
|
||||
'age': 28,
|
||||
'score': 99.99,
|
||||
'litlist': ['Hello', 'Lit']
|
||||
}
|
||||
);
|
||||
```
|
||||
</TabItem>
|
||||
<TabItem value="nuxt" label="Nuxt" default>
|
||||
|
||||
**(reading Nuxt)**
|
||||
|
||||
```ts
|
||||
//trigger the event, record it real-time on dashboard
|
||||
Lit.event('pretty_cool_event');
|
||||
```
|
||||
Still craving more control? Wow, you really are a dedicated developer! 🌟
|
||||
|
||||
```ts
|
||||
Lit.event('pretty_cool_event',
|
||||
metadata: {
|
||||
'tag': 'litlyx so lit, dude1',
|
||||
'age': 28,
|
||||
'score': 99.99,
|
||||
'litlist': ['Hello', 'Lit']
|
||||
}
|
||||
);
|
||||
```
|
||||
</TabItem>
|
||||
<TabItem value="angular" label="Angular" default>
|
||||
|
||||
**(reading Angular)**
|
||||
|
||||
```ts
|
||||
//trigger the event, record it real-time on dashboard
|
||||
Lit.event('pretty_cool_event');
|
||||
```
|
||||
Still craving more control? Wow, you really are a dedicated developer! 🌟
|
||||
|
||||
```ts
|
||||
Lit.event('pretty_cool_event',
|
||||
metadata: {
|
||||
'tag': 'litlyx so lit, dude1',
|
||||
'age': 28,
|
||||
'score': 99.99,
|
||||
'litlist': ['Hello', 'Lit']
|
||||
}
|
||||
);
|
||||
```
|
||||
</TabItem>
|
||||
</Tabs>
|
||||
@@ -1,88 +0,0 @@
|
||||
---
|
||||
sidebar_position: 3
|
||||
---
|
||||
|
||||
# Install & Import LitLyx
|
||||
Installing and integrating LitLyx into your code is simpler than anything else you've tried so far.
|
||||
|
||||
**To install LitLyx, run the following command:**
|
||||
|
||||
You can use `yarn`, `npm`, `pnpm`, `bun`. We use npm because is the more simple.
|
||||
|
||||
```bash
|
||||
npm i litlyx-js
|
||||
```
|
||||
|
||||
## Choose your Framework
|
||||
We designed LitLyx with simplicity in mind, so you can accomplish any task with just a single line of code. Now, it's time to start coding! 👇
|
||||
|
||||
import Tabs from '@theme/Tabs';
|
||||
import TabItem from '@theme/TabItem';
|
||||
|
||||
<Tabs>
|
||||
<TabItem value="js" label="JavaScript" default>
|
||||
(reading javascript)
|
||||
|
||||
```ts
|
||||
//import
|
||||
import { Lit } from 'litlyx-js';
|
||||
```
|
||||
|
||||
If your are using vanilla js you can find pretty intresting this approach too
|
||||
|
||||
```html
|
||||
<script defer data-project="project_id_here" src="https://cdn.jsdelivr.net/gh/litlyx/litlyx-js/browser/litlyx.js"></script>
|
||||
```
|
||||
|
||||
</TabItem>
|
||||
<TabItem value="vue" label="Vue" default>
|
||||
(reading Vue)
|
||||
|
||||
```ts
|
||||
//import
|
||||
import { Lit } from 'litlyx-js';
|
||||
```
|
||||
#
|
||||
</TabItem>
|
||||
<TabItem value="react" label="React" default>
|
||||
(reading React)
|
||||
|
||||
|
||||
```ts
|
||||
//import
|
||||
import { Lit } from 'litlyx-js';
|
||||
```
|
||||
#
|
||||
</TabItem>
|
||||
<TabItem value="next" label="Next" default>
|
||||
(reading Next)
|
||||
|
||||
|
||||
```ts
|
||||
//import
|
||||
import { Lit } from 'litlyx-js';
|
||||
```
|
||||
#
|
||||
</TabItem>
|
||||
<TabItem value="nuxt" label="Nuxt" default>
|
||||
(reading Nuxt)
|
||||
|
||||
|
||||
```ts
|
||||
//import
|
||||
import { Lit } from 'litlyx-js';
|
||||
```
|
||||
#
|
||||
</TabItem>
|
||||
|
||||
<TabItem value="angular" label="Angular" default>
|
||||
(reading Angular)
|
||||
|
||||
|
||||
```ts
|
||||
//import
|
||||
import { Lit } from 'litlyx-js';
|
||||
```
|
||||
#
|
||||
</TabItem>
|
||||
</Tabs>
|
||||
@@ -1,65 +0,0 @@
|
||||
---
|
||||
sidebar_position: 4
|
||||
---
|
||||
|
||||
# Initialize LitLyx
|
||||
|
||||
We Installed & Imported LitLyx, now it is time to initialize everything
|
||||
|
||||
## Choose your Framework
|
||||
|
||||
import Tabs from '@theme/Tabs';
|
||||
import TabItem from '@theme/TabItem';
|
||||
|
||||
<Tabs>
|
||||
<TabItem value="js" label="JavaScript" default>
|
||||
**(reading JavaScript)**
|
||||
|
||||
```ts
|
||||
no code needed
|
||||
```
|
||||
#
|
||||
</TabItem>
|
||||
<TabItem value="vue" label="Vue" default>
|
||||
**(reading Vue)**
|
||||
|
||||
```ts
|
||||
Lit.init('project_id');
|
||||
```
|
||||
|
||||
#
|
||||
</TabItem>
|
||||
<TabItem value="react" label="React" default>
|
||||
**(reading React)**
|
||||
|
||||
```ts
|
||||
Lit.init('project_id');
|
||||
```
|
||||
#
|
||||
</TabItem>
|
||||
<TabItem value="next" label="Next" default>
|
||||
**(reading Next)**
|
||||
|
||||
```ts
|
||||
Lit.init('project_id');
|
||||
```
|
||||
#
|
||||
</TabItem>
|
||||
<TabItem value="nuxt" label="Nuxt" default>
|
||||
**(reading Nuxt)**
|
||||
|
||||
```ts
|
||||
Lit.init('project_id');
|
||||
```
|
||||
#
|
||||
</TabItem>
|
||||
|
||||
<TabItem value="angular" label="Angular" default>
|
||||
**(reading Angular)**
|
||||
|
||||
```ts
|
||||
Lit.init('project_id');
|
||||
```
|
||||
#
|
||||
</TabItem>
|
||||
</Tabs>
|
||||
@@ -1,23 +0,0 @@
|
||||
---
|
||||
sidebar_position: 1
|
||||
---
|
||||
|
||||
# Signup
|
||||
|
||||
To start using LitLyx to the maximum potential you need an account on our dashboard 🔥
|
||||
**Less than 1-min Setup⏱️**
|
||||
|
||||
|
||||
**LitLyx dashboard is super user friendly**. **[sign in here](https://dashboard.litlyx.com)**.
|
||||
|
||||
You will find this page below 👇 just click on "Continue with google". Simple.
|
||||
|
||||
<img src="/img/l.jpg" alt="Login on Dashboard" width="600"/>
|
||||
|
||||
##
|
||||
|
||||
:::info
|
||||
|
||||
If the account does not exist, it will `automatically create one` for you.
|
||||
|
||||
:::
|
||||
@@ -1,69 +0,0 @@
|
||||
---
|
||||
sidebar_position: 1
|
||||
---
|
||||
|
||||
# Ehy 👋 Welcome to LitLyx
|
||||
|
||||
This docs aim to be concise and simple to follow in order to setup quickly and easy Litlyx in your project. **Is just 1 minute read-time. ⏱️** Let's dive in!
|
||||
|
||||
## What is LitLyx?
|
||||
|
||||
LitLyx brings real-time analytics and custom events to any JS/TS project with just a single line of code. Enhance your projects with +10 KPIs effortlessly. Enjoy AI-powered dashboards for intuitive data insights, automatic reports sent straight to your email, and seamless CSV file downloads to work on your data.
|
||||
|
||||
|
||||
## Integrating LitLyx
|
||||
|
||||
Integrating LitLyx is simple. Follow this simple code to add Litlyx to your project quickly:
|
||||
|
||||
## Quick Integration Guide
|
||||
|
||||
---
|
||||
|
||||
### Universal Insertion
|
||||
Place this line in your project (recommended below the body tag in index.html):
|
||||
|
||||
|
||||
```html
|
||||
<script defer data-project="project_id_here" src="https://cdn.jsdelivr.net/gh/litlyx/litlyx-js/browser/litlyx.js"></script>
|
||||
```
|
||||
|
||||
This script collects various data from your websites, including `page visits`, `referrers`, `page routes`, `operating systems (OS)`, `browsers`, `countries`, `unique users`, `average session times`, and `real-time user access`. All data is gathered and displayed in real-time in your Litlyx dashboard.
|
||||
|
||||
---
|
||||
|
||||
### Framework-Specific Steps (e.g., Nuxt.js, Next.js, Vue, Angular, React)
|
||||
|
||||
1. **Sign in**: Visit 👉 [sign in page](https://dashboard.litlyx.com).
|
||||
2. **Create Your First Project**: Simply enter a name for your project to get started.
|
||||
3. **Copy your project_id**: Copy the project id from the dashboard.
|
||||
4. **Setup LitLyx**: Use the following commands to install and initialize LitLyx 👇
|
||||
|
||||
```bash
|
||||
npm i litlyx-js
|
||||
```
|
||||
|
||||
```ts
|
||||
//import
|
||||
import { Lit } from 'litlyx-js';
|
||||
```
|
||||
|
||||
```ts
|
||||
//initialize & auto-collect page visits and many more insights
|
||||
Lit.init('project_id');
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
|
||||
## Why Choose LitLyx?
|
||||
|
||||
Litlyx have transparency at his core. We are `Open-Source`, so you can inspect our code, in his entirety and see what happen behind the scene.
|
||||
|
||||
### Our clients love it for this stuffs👇
|
||||
|
||||
- **Fast**: Setup in less than a minute.
|
||||
- **Real-Time**: Real-time feedback on user interactions & website performance.
|
||||
- **Lightweight**: less than 4 KB lib size.
|
||||
- **User-Friendly**: Designed with simplicity in mind.
|
||||
|
||||
### Enhance your website or app with LitLyx today! 🔥
|
||||
@@ -1,70 +0,0 @@
|
||||
import { themes as prismThemes } from 'prism-react-renderer';
|
||||
import type { Config } from '@docusaurus/types';
|
||||
import type * as Preset from '@docusaurus/preset-classic';
|
||||
|
||||
const config: Config = {
|
||||
title: 'Litlyx',
|
||||
tagline: '',
|
||||
favicon: 'img/logo.png',
|
||||
url: 'https://litlyx.com',
|
||||
baseUrl: '/',
|
||||
i18n: {
|
||||
defaultLocale: 'en',
|
||||
locales: ['en'],
|
||||
},
|
||||
presets: [
|
||||
[
|
||||
'classic',
|
||||
{
|
||||
docs: {
|
||||
routeBasePath: '/', // Set this to '/' to make the docs page the main page
|
||||
sidebarPath: './sidebars.ts',
|
||||
},
|
||||
blog: false, // Disable the blog
|
||||
theme: {
|
||||
customCss: './src/css/custom.css',
|
||||
},
|
||||
} satisfies Preset.Options,
|
||||
],
|
||||
],
|
||||
|
||||
themeConfig: {
|
||||
colorMode: {
|
||||
defaultMode: 'dark', // Set default mode to dark
|
||||
disableSwitch: true, // Disable the switch so users cannot change the mode
|
||||
respectPrefersColorScheme: false, // Ensure it does not respect the user's system preference
|
||||
},
|
||||
navbar: {
|
||||
logo: {
|
||||
alt: 'Logo',
|
||||
src: 'img/logo.png',
|
||||
href: '/', // Ensure it points to the main docs page
|
||||
},
|
||||
items: [
|
||||
{
|
||||
type: 'docSidebar',
|
||||
sidebarId: 'DocsSideBar',
|
||||
position: 'left',
|
||||
label: 'Docs',
|
||||
},
|
||||
{
|
||||
href: 'https://github.com/Litlyx/litlyx',
|
||||
label: 'Github Repo',
|
||||
position: 'right',
|
||||
className: 'navbar__link navbar__link--github',
|
||||
},
|
||||
],
|
||||
},
|
||||
footer: {
|
||||
style: 'light',
|
||||
links: [],
|
||||
copyright: `© ${new Date().getFullYear()} Litlyx | All rights reserved.`,
|
||||
},
|
||||
prism: {
|
||||
theme: prismThemes.github,
|
||||
darkTheme: prismThemes.dracula,
|
||||
},
|
||||
} satisfies Preset.ThemeConfig,
|
||||
};
|
||||
|
||||
export default config;
|
||||
22769
docs/package-lock.json
generated
22769
docs/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -1,48 +0,0 @@
|
||||
{
|
||||
"name": "litlyx-docs",
|
||||
"version": "0.0.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"docusaurus": "docusaurus",
|
||||
"start": "docusaurus start",
|
||||
"build": "docusaurus build",
|
||||
"swizzle": "docusaurus swizzle",
|
||||
"deploy": "docusaurus deploy",
|
||||
"clear": "docusaurus clear",
|
||||
"serve": "docusaurus serve",
|
||||
"write-translations": "docusaurus write-translations",
|
||||
"write-heading-ids": "docusaurus write-heading-ids",
|
||||
"typecheck": "tsc"
|
||||
},
|
||||
"dependencies": {
|
||||
"@docusaurus/core": "3.3.2",
|
||||
"@docusaurus/preset-classic": "3.3.2",
|
||||
"@mdx-js/react": "^3.0.0",
|
||||
"clsx": "^2.0.0",
|
||||
"docusaurus": "^1.14.7",
|
||||
"prism-react-renderer": "^2.3.0",
|
||||
"react": "^18.0.0",
|
||||
"react-dom": "^18.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@docusaurus/module-type-aliases": "3.3.2",
|
||||
"@docusaurus/tsconfig": "3.3.2",
|
||||
"@docusaurus/types": "3.3.2",
|
||||
"typescript": "~5.2.2"
|
||||
},
|
||||
"browserslist": {
|
||||
"production": [
|
||||
">0.5%",
|
||||
"not dead",
|
||||
"not op_mini all"
|
||||
],
|
||||
"development": [
|
||||
"last 3 chrome version",
|
||||
"last 3 firefox version",
|
||||
"last 5 safari version"
|
||||
]
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=18.0"
|
||||
}
|
||||
}
|
||||
15518
docs/pnpm-lock.yaml
generated
15518
docs/pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@@ -1,18 +0,0 @@
|
||||
import type {SidebarsConfig} from '@docusaurus/plugin-content-docs';
|
||||
|
||||
/**
|
||||
* Creating a sidebar enables you to:
|
||||
- create an ordered group of docs
|
||||
- render a sidebar for each doc of that group
|
||||
- provide next/previous navigation
|
||||
|
||||
The sidebars can be generated from the filesystem, or explicitly defined here.
|
||||
|
||||
Create as many sidebars as you want.
|
||||
*/
|
||||
const sidebars: SidebarsConfig = {
|
||||
// By default, Docusaurus generates a sidebar from the docs folder structure
|
||||
DocsSideBar: [{type: 'autogenerated', dirName: '.'}],
|
||||
};
|
||||
|
||||
export default sidebars;
|
||||
@@ -1,67 +0,0 @@
|
||||
import clsx from 'clsx';
|
||||
import Heading from '@theme/Heading';
|
||||
import styles from './styles.module.css';
|
||||
|
||||
type FeatureItem = {
|
||||
title: string;
|
||||
Svg: React.ComponentType<React.ComponentProps<'svg'>>;
|
||||
description: JSX.Element;
|
||||
};
|
||||
|
||||
const FeatureList: FeatureItem[] = [
|
||||
{
|
||||
title: 'One-Line code Configuration',
|
||||
Svg: require('@site/static/img/one.svg').default,
|
||||
description: (
|
||||
<>
|
||||
Quickly integrate LitLyx using just a single line of code, and start gathering critical insights instantly.
|
||||
</>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: 'Easy Documentation',
|
||||
Svg: require('@site/static/img/doc.svg').default,
|
||||
description: (
|
||||
<>
|
||||
Access simple, easy-to-follow documentation helping you get started and make the most out of the tool, quickly.
|
||||
</>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: 'Plug Anywhere',
|
||||
Svg: require('@site/static/img/plug.svg').default,
|
||||
description: (
|
||||
<>
|
||||
More than 15+ JS/TS Framework supported. The vanilla JS Script can plug in any solution even WordPress or PHP.
|
||||
</>
|
||||
),
|
||||
},
|
||||
];
|
||||
|
||||
function Feature({title, Svg, description}: FeatureItem) {
|
||||
return (
|
||||
<div className={clsx('col col--4')}>
|
||||
<div className="text--center">
|
||||
<Svg className={styles.featureSvg} role="img" />
|
||||
</div>
|
||||
<div className="text--center padding-horiz--md">
|
||||
<Heading as="h3">{title}</Heading>
|
||||
<p>{description}</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default function HomepageFeatures(): JSX.Element {
|
||||
return (
|
||||
<section className={styles.features}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
{FeatureList.map((props, idx) => (
|
||||
<Feature key={idx} {...props} />
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
@@ -1,11 +0,0 @@
|
||||
.features {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 2rem 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.featureSvg {
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
}
|
||||
@@ -1,45 +0,0 @@
|
||||
/**
|
||||
* Any CSS included here will be global. The classic template
|
||||
* bundles Infima by default. Infima is a CSS framework designed to
|
||||
* work well for content-centric websites.
|
||||
*/
|
||||
|
||||
/* You can override the default Infima variables here. */
|
||||
:root {
|
||||
--ifm-color-primary: #2a66c8;
|
||||
--ifm-color-primary-dark: #2458a7;
|
||||
--ifm-color-primary-darker: #204a93;
|
||||
--ifm-color-primary-darkest: #1a3c70;
|
||||
--ifm-color-primary-light: #4a7cd0;
|
||||
--ifm-color-primary-lighter: #6290d4;
|
||||
--ifm-color-primary-lightest: #7ca3db;
|
||||
--ifm-code-font-size: 95%;
|
||||
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
/* For readability concerns, you should choose a lighter palette in dark mode. */
|
||||
[data-theme='dark'] {
|
||||
--ifm-color-primary: #409cff;
|
||||
--ifm-color-primary-dark: #368bdf;
|
||||
--ifm-color-primary-darker: #3179c8;
|
||||
--ifm-color-primary-darkest: #2862a2;
|
||||
--ifm-color-primary-light: #53a9ff;
|
||||
--ifm-color-primary-lighter: #6cb4ff;
|
||||
--ifm-color-primary-lightest: #84c0ff;
|
||||
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
|
||||
/* Targeting the GitHub link button */
|
||||
.navbar__link--github {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
transition: background-color 0.3s ease, color 0.3s ease;
|
||||
}
|
||||
|
||||
.navbar__link--github:hover {
|
||||
background-color: #555;
|
||||
color: #ddd;
|
||||
}
|
||||
@@ -1,19 +0,0 @@
|
||||
.hero {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 40rem;
|
||||
text-align: center;
|
||||
background: radial-gradient(rgb(1, 1, 77), black);
|
||||
}
|
||||
|
||||
.hero img {
|
||||
max-width: 100px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.hero-title {
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
@@ -1,35 +0,0 @@
|
||||
import clsx from 'clsx';
|
||||
import Link from '@docusaurus/Link';
|
||||
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
|
||||
import Layout from '@theme/Layout';
|
||||
import HomepageFeatures from '@site/src/components/HomepageFeatures';
|
||||
import Heading from '@theme/Heading';
|
||||
|
||||
import styles from './index.module.css';
|
||||
|
||||
|
||||
function MainHeader() {
|
||||
return (
|
||||
<header className={clsx('hero', styles.hero)}>
|
||||
<img src="/img/logo.png" alt="Logo" />
|
||||
<h1 className="hero-title">Welcome to LitLyx Docs</h1>
|
||||
<h3 className="hero-title">One-Line Code Lightweight Analytics | AI Powered Analytics Dashboard</h3>
|
||||
<Link
|
||||
className="button button--secondary button--lg"
|
||||
to="/intro">
|
||||
Go To Docs | 1 Min Read
|
||||
</Link>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
|
||||
export default function Home(): JSX.Element {
|
||||
return (
|
||||
<Layout
|
||||
title={`LitLyx`}
|
||||
description="LitLyx offers ultra-fast, real-time analytics and custom events with just one line of code. It seamlessly integrates with over 15 JavaScript/TypeScript frameworks. Designed for developers, it's also accessible to everyone from designers to investors, enhancing your projects with valuable insights.
|
||||
">
|
||||
<MainHeader />
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
0
docs/static/.nojekyll
vendored
0
docs/static/.nojekyll
vendored
BIN
docs/static/img/dchart.jpg
vendored
BIN
docs/static/img/dchart.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 144 KiB |
1
docs/static/img/doc.svg
vendored
1
docs/static/img/doc.svg
vendored
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 5.0 KiB |
19
docs/static/img/favicon.svg
vendored
19
docs/static/img/favicon.svg
vendored
@@ -1,19 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 595.28 841.89" style="enable-background:new 0 0 595.28 841.89;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<g>
|
||||
<path class="st0" d="M278.66,769.23l-31.37-7.3c-50.32-11.72-95.96-40.47-128.51-80.96c-33.05-41.12-51.25-92.87-51.25-145.73
|
||||
v-13.89h13.89c28.46,0,53.53-8.94,76.63-27.31c33.12-26.29,60.92-71.54,82.65-134.52c4.74-13.7,9.28-28.6,13.49-44.3
|
||||
c28.71-107.29,32.16-217,32.2-218.09l0.71-24.47l20.64,13.15c1.78,1.14,44.22,28.47,92.17,84.44
|
||||
c44.13,51.52,101.4,138.15,123.55,258.27l4.29,23.26l-22.4-7.58c-21.06-7.13-43.15-10.74-65.66-10.74
|
||||
c-113.02,0-204.97,91.95-204.97,204.97c0,36.26,9.59,71.87,27.72,102.97L278.66,769.23z M95.72,548.47
|
||||
c2.64,42.27,17.97,81.82,44.71,115.09c22.08,27.47,50.99,48.8,83.35,61.87c-11.07-27.5-16.84-57.06-16.84-87
|
||||
c0-128.34,104.41-232.75,232.75-232.75c17.59,0,34.96,1.95,51.89,5.81c-36.34-158.52-135.99-253.05-178.8-287.43
|
||||
c-2.71,39.67-10.44,118.7-31.75,198.36c-4.39,16.34-9.12,31.87-14.07,46.17c-23.48,68.05-54.31,117.58-91.63,147.2
|
||||
C151.41,534.81,124.68,545.78,95.72,548.47z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB |
BIN
docs/static/img/first.jpg
vendored
BIN
docs/static/img/first.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 248 KiB |
BIN
docs/static/img/l.jpg
vendored
BIN
docs/static/img/l.jpg
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 MiB |
BIN
docs/static/img/logo.png
vendored
BIN
docs/static/img/logo.png
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB |
1
docs/static/img/one.svg
vendored
1
docs/static/img/one.svg
vendored
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 7.9 KiB |
1
docs/static/img/plug.svg
vendored
1
docs/static/img/plug.svg
vendored
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 21 KiB |
@@ -1,7 +0,0 @@
|
||||
{
|
||||
// This file is not used in compilation. It is here just for a nice editor experience.
|
||||
"extends": "@docusaurus/tsconfig",
|
||||
"compilerOptions": {
|
||||
"baseUrl": "."
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user