<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
  <title>Hackboard - Accelerate your works!</title>

  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

  <!-- Loading Bootstrap -->
  <link href="css/vendor/bootstrap.min.css" rel="stylesheet">

  <!-- Loading Flat UI Pro -->
  <link href="css/flat-ui-pro.css" rel="stylesheet">

  <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">

  <link href="css/style.css" rel="stylesheet">

  <link href="css/flippy.css" rel="stylesheet">

  <link rel="shortcut icon" href="img/favicon.png">

  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>


  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="js/vendor/html5shiv.js"></script>
  <script src="js/vendor/respond.min.js"></script>
  <![endif]-->
  <%= csrf_meta_tags %>
</head>
<body>

<%= yield %>

</body>
</html>

<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
  <title>Hackboard - Accelerate your works!</title>

  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

  <!-- Loading Bootstrap -->
<!--  <link href="css/vendor/bootstrap.min.css" rel="stylesheet">-->

  <!-- Loading Flat UI Pro -->
<!--  <link href="css/flat-ui-pro.css" rel="stylesheet">-->

  <link href="vendor/semantic-ui-1.1.2/semantic.min.css" rel="stylesheet">
    
  <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">

  <link href="css/style.css" rel="stylesheet">

<!--  <link href="css/flippy.css" rel="stylesheet">-->

  <link rel="shortcut icon" href="img/favicon.png">

  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>


  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="js/vendor/html5shiv.js"></script>
  <script src="js/vendor/respond.min.js"></script>
  <![endif]-->
  <%= csrf_meta_tags %>
</head>
<body>

<%= yield %>

</body>
</html>

Change to use semantic ui
Change to use semantic ui
