<commit_before>/*
// BlocksIDE is a project to create a complete js Blocks Development Platform
//
// Copyright 2016 <NAME>
//
// BlocksIDE was written by <NAME> and released under an Apache version 2 license.
//
// Git repositories for BlocksIDE are available at
//
// https://github.com/JC-Orozco/BlocksIDE
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
*/

html, body, .viewport {
  width: 100%;
  height: 100%;
  margin: 0;
}

/* items flex/expand vertically */
.vbox {
  display:         flex;
  flex-direction: column;
}

/* items flex/expand horizontally */
.hbox {
  display:         flex;
  flex-direction: row;
}
.space-between {
  justify-content: space-between;
}
.main {
  flex: 1;
}

.menu {
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

/*.menu {
  float: left;
}*/

.menu > .item, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 4px 16px; /* 14px 16px */
  text-decoration: none;
}

.menu > .item:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

.menu > .item .dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1000 !important;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content > .item {
  color: black;
  padding: 4px 4px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content > .item:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

#box_content {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}

#box_h1 {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 94%;
}

#box_h2 {
  display: flex;
  flex-direction: column;
  width: 45%;
  height: 98%;
}

#blocklyArea {
  width:100%;
  height: 100%;
}
#blocklyDiv {
  position: absolute;
}

#box1 {
  position: relative;
  flex: 1;
  flex-grow: 1;
}

#box1_2 {
  position: relative;
  height: 20%;
}

#console_1 {
  width: 98%;
  height: 100%;
}

#box2 {
  position: relative;
/*  height: 45vh;*/
  flex: 1;
}

#editor-container {
  position: relative;
  height: 45%;
}

#editor_1 {
  width: 98%;
  height: 94%;
}

#editor_2 {
  height: 100%;  
}<commit_msg>Layout improvements<commit_after>/*
// BlocksIDE is a project to create a complete js Blocks Development Platform
//
// Copyright 2016 <NAME>
//
// BlocksIDE was written by <NAME> and released under an Apache version 2 license.
//
// Git repositories for BlocksIDE are available at
//
// https://github.com/JC-Orozco/BlocksIDE
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
*/

html, body, .viewport {
  width: 100%;
  height: 100%;
  margin: 0;
}

/* items flex/expand vertically */
.vbox {
  display:         flex;
  flex-direction: column;
}

/* items flex/expand horizontally */
.hbox {
  display:         flex;
  flex-direction: row;
}
.space-between {
  justify-content: space-between;
}
.main {
  flex: 1;
}

.menu {
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

/*.menu {
  float: left;
}*/

.menu > .item, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 4px 16px; /* 14px 16px */
  text-decoration: none;
}

.menu > .item:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

.menu > .item .dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1000 !important;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content > .item {
  color: black;
  padding: 4px 4px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content > .item:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

#box_content {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}

#box_h1 {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}

#box_h2 {
  display: flex;
  flex-direction: column;
  width: 45%;
  height: 100%;
}

#blocklyArea {
  width:100%;
  height: 100%;
}
#blocklyDiv {
  position: absolute;
}

#box1 {
  position: relative;
  flex: 1;
  flex-grow: 1;
}

#box1_2 {
  display: flex;
  position: relative;
  height: 20%;
}

#console_1 {
  flex: 1;
/*  width: 98%;*/
/*  height: 100%;*/
}

#box2 {
  display: flex;
  position: relative;
/*  height: 45vh;*/
  flex: 1;
}

#editor-container {
  display: flex;
  position: relative;
  height: 45%;
}

#editor_1 {
  flex: 1;
/*  width: 98%;*/
/*  height: 94%;*/
}

#editor_2 {
  flex: 1;
/*  height: 100%;  */
}
{'fraction_non_alphanumeric': 0.1358768406961178, 'fraction_numerical': 0.03530789825970549, 'mean_word_length': 2.475, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 17, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4361631', 'n_tokens_mistral': 2286, 'n_tokens_neox': 2111, 'n_words': 607}