extends /layout/layout

block var
  -title="时间就是金钱" // 网页标题

block head
  link(rel="stylesheet", href="/public/css/common/reset.css")
  link(rel="stylesheet", href="/public/css/views/index.css")

block content
  div(class="container page")
    ul(class="left-list")
      li(class="item"): a(href="/login" ) 登录/注册
    div(class="userinfo")
      div(class="img-wrapper user_avatar"): img(object-fit="scale-down" src="https://scpic.chinaz.net/files/pic/pic9/202106/apic33329.jpg")
      div(class="user_detail")
        -username = "谢亚昕"
        -
          describe = `
              来自南方的小城，喜爱悠闲
              来自南方的小城，喜爱悠闲
              来自南方的小城，喜爱悠闲
              来自南方的小城，喜爱悠闲
              来自南方的小城，喜爱悠闲
              来自南方的小城，喜爱悠闲
              来自南方的小城，喜爱悠闲
              来自南方的小城，喜爱悠闲
              来自南方的小城，喜爱悠闲
              来自南方的小城，喜爱悠闲
              来自南方的小城，喜爱悠闲
            `
        .user_name #{username}
        div(class="user_desc" title=describe )
          |#{describe}

  //- script(src='https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js')
  //- script.
  //-   function addDarkmodeWidget() {
  //-   new Darkmode().showWidget();
  //-   }
  //-   window.addEventListener('load', addDarkmodeWidget);