text: import React from "react";
  import logo from "./img/logo.png";
  import { logoBase64 } from "./utils.js";
  
  export default () => {
    console.log("test content");
    return (
      <div className="level">
        <div className="level-left">
          <div className="level-item">
            <div className="control">
              <a href="/">
                <img
                  className="m-r-10"
                  width={50}
                  src={logo}
                  alt="GoCity: Source code visualization"
                />
              </a>
            </div>
            <a href="/">
              <h1 className="title"> GoCity</h1>
            </a>
          </div>
        </div>
        <div className="level-right">
          <div className="level-item is-hidden-mobile">
            <a href="https://github.com/rodrigo-brito/gocity">
              <img
                alt="GitHub stars"
                src="https://img.shields.io/github/stars/rodrigo-brito/gocity?style=for-the-badge&logo=github"
              />
            </a>
            <span className="m-l-10" />
            <a href="https://github.com/rodrigo-brito/gocity/fork">
              <img
                alt="GitHub forks"
                src="https://img.shields.io/github/forks/rodrigo-brito/gocity?label=Fork&style=for-the-badge&logo=github"
              />
            </a>
            <span className="m-l-10" />
            <a>
              <img
                alt="Add gocity badge for your go repo"
                src={`https://img.shields.io/static/v1?label=gocity&message=rodrigo-brito/gocity&color=blue&style=for-the-badge&logo=${logoBase64()}`}
              />
            </a>
          </div>
        </div>
      </div>
    );
  };
  