import clsx from 'clsx';
import Layout from '@theme/Layout';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import HomepageCodeBlock from '../components/HomepageCodeBlock';
import HomepageFeature from '../components/HomepageFeature';
import HomepageFeatureAlt from '../components/HomepageFeatureAlt';
import HomepageHeader from '../components/HomepageHeader';
import HomepageLink from '../components/HomepageLink';
import styles from './index.module.css';

/*
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ed1c23">
<meta name="msapplication-TileColor" content="#ed1c23">
<meta name="theme-color" content="#ffffff">
*/

const FeatureList = [
  {
    title: 'Cross Platform',
    img: '/images/crossplatform.svg',
    // img: '/images/feature_a.jpg',
    // Svg: require('../../static/images/undraw_docusaurus_mountain.svg').default,
    description: (
      <>
        AIR enables developers to create and package cross platform games and applications
        for major platforms like iOS, Android, Windows and macOS all from a single code
        base. 
        <br/>
        <br/>
        <code>Less code = faster development!</code>
      </>
    ),
  },
  {
    title: 'Mature Environment',
    img: '/images/expanse.svg',
    // img: '/images/feature_b.jpg',
    // Svg: require('../../static/images/airsdk_box.png').default,
    description: (
      <>
        AIR was originally released in 2008 so has a wealth of examples, tutorials and
        guides providing a vast resource for developers. Tooling is also mature and
        readily available including tight integration with animation tools such as Animate
        which make animation and asset creation easy.
      </>
    ),
  },
  {
    title: 'Develop Locally',
    img: '/images/simulation.png',
    // img: '/images/air-for.png',
    // Svg: require('../../static/images/undraw_docusaurus_react.svg').default,
    description: (
      <>
        While developing you can use the local AIR simulator for fast development and
        quick iteration testing. This speeds up development time not requiring to deploy
        to devices or even processor-heavy device simulators.
      </>
    ),
  },
  {
    title: 'Native Extensions',
    img: '/images/ane-icon-black-border.png',
    // img: '/images/air-for.png',
    // Svg: require('../../static/images/undraw_docusaurus_react.svg').default,
    description: (
      <>
        AIR has the ability to implement native functionality simply and there are a
        wealth of native extensions available to AIR developers providing everything from
        in-app billing to processing complex algorithms.
      </>
    ),
  },
];

const LinksList = [
  {
    title: "Beginner's Guide",
    Svg: require('../../static/images/get-started.svg').default,
    description: <>Get started using AIR.</>,
    link: '/docs/basics/getting-started',
  },
  {
    title: 'Tutorials',
    Svg: require('../../static/images/tutorial.svg').default,
    description: (
      <>Find tutorials from novice to expert to help you expand your skills.</>
    ),
    link: '/docs/tutorials',
  },
  {
    title: 'Reference',
    Svg: require('../../static/images/reference.svg').default,
    description: <>Detailed reference documentation and step-by-step instructions.</>,
    link: '/reference',
  },
];

const CodeBlocks = [
  {
    title: <><img src="/images/actionscript_icon.png" height="30px" /> Hello World! </>,
    description: <>The code here represents a basic application that displays a text field with the text "Hello World!". 
    It demonstrates extending the base <code>Sprite</code> display object and uses the <code>TextField</code> object to display the text.</>,
    language: 'actionscript',
    codesrc:'simple-example.as',
    code: `package 
{
    import flash.display.Sprite;
    import flash.text.TextField;

    public class MyApp extends Sprite
    {
        private var textField : TextField;
        
        public function MyApp():void 
        {
            textField = new TextField();
            textField.text = "Hello World!";
            addChild( textField );
        }
    }
}`
  }
];

export default function Home() {
  const { siteConfig } = useDocusaurusContext();
  return (
    <Layout description="Description will go into a meta tag in <head />">
      <HomepageHeader />

      <main>

        <section className={styles.features}>
          <div className="container">
            <div>
              {FeatureList.map((props, idx) => {
                if (idx % 2 == 0) {
                  return <HomepageFeature key={idx} id={idx} {...props} />;
                } else {
                  return <HomepageFeatureAlt key={idx} id={idx} {...props} />;
                }
              })}
            </div>
          </div>
        </section>

        <section className={styles.codeExamples}>
          <div className="container">
            <div>
              {CodeBlocks.map((props, idx) => {
                if (idx % 2 == 0) {
                  return <HomepageCodeBlock key={idx} id={idx} {...props} />;
                } else {
                  return <HomepageCodeBlock key={idx} id={idx} {...props} />;
                }
              })}
            </div>
          </div>
        </section>

        <section className={styles.links}>
          <div className="container">
            <div className={clsx('box', 'row')}>
              {LinksList.map((props, idx) => (
                <HomepageLink key={idx} {...props} />
              ))}
            </div>
          </div>
        </section>
      </main>
    </Layout>
  );
}
<gh_stars>0
[
    {
        "title": "Tell us little more about yourself so we can build our partnership and stay in touch.",
        "description": "",
        "collection": []
        
    }
]In Fish on the Roof, five bodies exposed to the environment survive in a world that is constantly changing. In a relationship with everything and everyone, the actions engaged by their very existence-tring to survive.
Fish on the Roof, first appeared on the roof of an apartment building under the project, The Labyrinth of Kypseli, an ephemeral art project in one of the most densely populated areas of Athens, around the experimental art space bhive. On the terrace of bhive the dancer's bodies where exposed to the environment, sun, rain,wind e.c.t.. The actions intertwined with the sounds of the city and vice versa. The five dance artists inhabited for a month the empty terrace in order to create this project, inviting the public to escape with them as they watched daily from their balconies and terraces every step of the creation.
The Labyrinth of Kypseli was made possible by the support of the Organiszation for Culture and Development, NEON.The central text of Daoism, the Daodejing, describes the dao as an ineffable creative, cosmological process in the world, often depicted by the diagram of yin, dark mystery, and yang, white clarity, trailing and carrying the seed of the other. Most Daoists hold a shared goal of becoming in tune with the ziran (spontaneity) of the Way, but philosophers in the centuries from 600 BCE - 200 CE have presented varied teachings and traditions drawing from the Daodejing and other Daoist texts.
According to Daoist legend, in the 6th century BCE a mysterious sage known only as Laozi, or “Old Master,” decided to