<!DOCTYPE html>
<!-- Copyright (c) 2023, Acknology Co. -->
<html lang="en">
<head>
  <!-- preconnect -->
  <link rel="preconnect" href="https://cdn.acknology.co" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Comfortaa&display=swap" />

  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>acknology.net</title>
  <link rel="shortcut icon" href="https://cdn.acknology.co/favicon.png" type="image/x-icon" />

  
  <!-- minreset.css -->
  <!-- prettier-ignore -->
  <style>
    /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
    html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
  </style>
  
  <!-- fonts -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Comfortaa&display=swap" />

  <!-- seo -->
  <link rel="canonical" href="https://acknology.net"/>

  <meta name="title" content="acknology.net">
  <meta name="description" content="acknology.net is a social portal based on ActivityPub, that is mastadon compatible.">
  <meta name="url" content="https://acknology.net/">

  <!-- OpenGraph -->
  <meta property="og:type" content="website" />
  <meta name="og:title" content="acknology.net">
  <meta name="og:description" content="acknology.net is a social portal based on ActivityPub, that is mastadon compatible.">
  <meta name="og:image" content="https://cdn.acknology.co/banner.png">
  <meta name="og:image:alt" content="banner image">
  <meta name="og:url" content="https://acknology.net/">
  <meta name="og:locale" content="en">
  <meta name="og:site_name" content="acknology.net">
    
  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image" />
  <meta name="twitter:creator" content="@Acknology">
  <meta name="twitter:site" content="@Acknology">
  <meta name="twitter:title" content="acknology.net">
  <meta name="twitter:description" content="acknology.net is a social portal based on ActivityPub, that is mastadon compatible.">
  <meta name="twitter:image" content="https://cdn.acknology.co/banner.png">

  <!-- json+ld -->
  <script type="application/ld+json">{
    "@context": "https://schema.org",
    "@id": "https://acknology.net/#webpage",
    "@type": "WebPage",
    "url": "https://acknology.net/",
    "name": "acknology.net"
  }</script>

  <script type="application/ld+json">{
    "@context": "https://schema.org",
    "@id": "https://acknology.net/#website",
    "@type": "WebSite",
    "url": "https://acknology.net/",
    "name": "acknology.net"
  }</script>

  <script type="application/ld+json">{
    "@context": "https://schema.org",
    "@id": "https://acknology.net/#organization",
    "@type": "Organization",
    "url": "https://acknology.net/",
    "name": "acknology.net",
    "sameAs": [
      "https://twitter.com/Acknology"
    ],
    "parentOrganization": {
      "@type": "Organization",
      "name": "Acknology",
      "@id": "https://acknology.co/#organization",
      "url": "https://acknology.co/"
    }
  }</script>

  <!-- site -->
  <meta name="google-site-verification" content="">
</head>

<body class="disableSelector">
  <div id="main" class="container">
    <div class="box">      
      <div id="topImage">
        <img src="https://cdn.acknology.co/images/robot-laptop.svg" alt="">
      </div>

      <div id="content" class="">
        <h1 class="title">
          <span>acknology.net</span>
        </h1>


        <div class="">
          Launching soon..
          An social portal based on ActivityPub, that is mastadon compatible
        </div>
      </div>
    </div>

    <footer class="">
      &copy; 2023
      <a class="" href="https://acknology.co?utm_source=social-site&utm_medium=link&utm_campaign=footer">
        Acknology Co. All rights reserved.
      </a>
    </footer>
  </div>

  <style>/* Copyright (c) 2023, Acknology Co. */
    .hideCursor,
    .disableSelector {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    .hideCursor {
      cursor: default;
    }
    a{
      text-decoration: none;
      color: inherit;
    }
    
    /* transitions */
    *, *::after, *::before{
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
    }
    
    :root{
      --gradient: linear-gradient(-45deg, #1e3c72, #764ba2);
    }
    
    html{
      background: var(--gradient);
      background-size: 200% 200%;
      -webkit-animation: movGrad 21s ease infinite;
      -moz-animation: movGrad 21s ease infinite;
      animation: movGrad 21s ease infinite;
    }
    
    @keyframes movGrad {
      0%{ background-position:0% 7% }
      50%{ background-position:100% 94% }
      100%{ background-position:0% 7% }
    }
    @-webkit-keyframes movGrad {
      0%{ background-position:0% 7% }
      50%{ background-position:100% 94% }
      100%{ background-position:0% 7% }
    }
    @-moz-keyframes movGrad {
      0%{ background-position:0% 7% }
      50%{ background-position:100% 94% }
      100%{ background-position:0% 7% }
    }
    
    body {
      min-height: 100%;
      min-height: calc(100vh);
      font-family: 'Comfortaa', cursive !important;
      
      align-items: center;
      justify-content: center;
      display: flex;
    
      background-image: url('https://cdn.acknology.co/images/topography.svg');
      background-size: auto;
      animation: moveBg 10s linear infinite;
    
      text-align: center;
    }
    
    @keyframes moveBg {
      from { background-position: top left; }  
      to { background-position: bottom right; }
    }
    
    @-webkit-keyframes moveBg {
      from { background-position: top left; }  
      to { background-position: bottom right; }
    }
    
    @-moz-keyframes moveBg {
      from { background-position: top left; }  
      to { background-position: bottom right; }
    }
    
    .container{
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
    }   
    
        
    .box{
      width: 100%;
      background: rgba(255, 255, 255, .98);
      text-align: center;
      box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
      border: 1px solid rgba(255, 255, 255, 0.3);
      padding: 3rem 2rem;
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      
      border-radius: .5rem;
      min-height: 400px;
    }
    
    footer{
      margin-top: 3rem;
      color: #fff;
      font-size: .8em;
    }
    
    /* custom */
    #main {
      width: 100%;
      color: #202020;
    }
    
    #main .box a{
      color: #14305C;
      position: relative;
    }
    
    #main .box a:is(:hover, :focus) {
      color: #050e1d;
      opacity: 1;
    }
    
    #main .box a.underlined::before{
      content: '';
      position: absolute;
      bottom: -.1rem;
      width: calc(min(4rem, 40%));
      border-radius: 1rem;
      height: 1.5px;
      background: #14305C;
      opacity: .25;
    }
    
    #main .box a.underlined:is(:hover, :focus)::before{
      width: calc(min(6rem, 60%));
      opacity: .75;
    }
    
    #main #contact-support{
      margin: 1.5rem 0;
      font-size: .9em;
    }
    
    #status{
      font-size: .8em;
      margin-top: 3rem;
    }
    #status a{
      display: block;
      margin-top: .5rem;
      font-size: 1rem;
    }
    
    #topImage img{
      max-height: 200px;
    }
    #topImage{
      margin-bottom: 2rem;
    }
    
    #content .title{
      font-size: 1.2em;
      margin-bottom: 2rem;
      background: var(--gradient);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    #content .title span{
      display: inline-block;
      color: #14305C;
      font-weight: 600;
    }
    
    /* responsive */
    @media only screen and (min-width: 768px) {
      #main{
        font-size: .95em;
      }
    
      #content .title{
        font-size: 1.75em;
      }
    
      footer{
        font-size: 1em;
      }
    
      .box{
        border-radius: 1rem;
      }
    }
    
    </style>

  <!-- cf analytics -->
  <!-- <script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": ""}'></script> -->
</body>

</html>
